Conformance: Activity sequence, Sequence, Directly follows done.

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

@@ -5,7 +5,7 @@
       <p class="h2 pl-2 border-b mb-3">Sort</p>
       <div class="flex flex-wrap justify-start content-start gap-4 px-2 overflow-y-auto scrollbar h-[calc(100%_-_52px)]">
           <div class="flex items-center w-[166px]" v-for="(act, index) in data" :key="index">
-              <RadioButton v-model="selectedRadio" :inputId="index.toString()" :name="vModel" :value="act" />
+              <RadioButton v-model="selectedRadio" :inputId="index.toString()" :name="select" :value="act" @change="actRadioData" />
               <label :for="index" class="ml-2 p-2 whitespace-nowrap break-keep text-ellipsis overflow-hidden">{{ act }}</label>
           </div>
       </div>
@@ -14,11 +14,29 @@
 </template>
 <script>
 export default {
-  props: ['title', 'vModel', 'data',],
+  props: ['title', 'select', 'data', 'category'],
   data() {
     return {
-      selectedRadio: this.vModel,
+      selectedRadio: this.select,
     }
-  }
+  },
+  watch: {
+    select(newval){
+      this.selectedRadio = newval;
+    },
+  },
+  methods: {
+    actRadioData() {
+      this.$emitter.emit('actRadioData', {
+        category: this.category,
+        task: this.selectedRadio,
+      });
+    }
+  },
+  created() {
+    this.$emitter.on('reset', (data) => {
+      this.selectedRadio = data;
+    });
+  },
 }
 </script>