Migrate all Vue components from Options API to <script setup>

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/Discover/Conformance/ConformanceSidebar/ResultDot.vue

@@ -7,27 +7,17 @@
     </li>
   </ul>
 </template>
-<script>
-export default {
-  name: 'ResultDot',
-  props:['timeResultData', 'select'],
-    data() {
-    return {
-      data: null,
-    }
-  },
-  watch: {
-    timeResultData: {
-      handler(newValue) {
-        this.data = newValue;
-      },
-      immediate: true,
-      deep: true,
-    },
-  },
-  created() {
-    this.data = this.select;
-    this.$emitter.on('reset', data => this.data = data);
-  },
-}
+<script setup>
+import { ref, watch } from 'vue';
+import emitter from '@/utils/emitter';
+
+const props = defineProps(['timeResultData', 'select']);
+
+const data = ref(props.select);
+
+watch(() => props.timeResultData, (newValue) => {
+  data.value = newValue;
+}, { deep: true });
+
+emitter.on('reset', (val) => data.value = val);
 </script>