labels added

src/components/LabelDotTemplate.vue

@@ -0,0 +1,27 @@
+<script setup>
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#EF2D56FF'
+  },
+  bg_color: {
+    type: String,
+    default: '#FFFFFF'
+  }
+})
+</script>
+
+<template>
+  <span class="color-dot" :style="{ borderColor: color, backgroundColor: bg_color }"></span>
+</template>
+
+<style scoped>
+.color-dot {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  border: 1px solid; /* чтобы border-color работал */
+  vertical-align: middle;
+}
+</style>