Minor changes

products/neo-savant/src/components/BottomPanel/Checker.vue

@@ -14,30 +14,25 @@
   </div>
 </template>
 
-<script>
-export default {
-  data() {
-    return {
-      events: []
-    };
-  },
-  mounted() {
-    window.EventBus.$on("checker-events", ({ warnings, errors }) => {
-      this.events = [];
-      if (warnings !== undefined) {
-        warnings.forEach(item => {
-          this.events.push(item);
-        });
-      }
+<script setup>
+import {ref, onMounted} from 'vue'
+const events = ref([])
+onMounted(() => {
+  window.EventBus.$on("checker-events", ({ warnings, errors }) => {
+    events = [];
+    if (warnings !== undefined) {
+      warnings.forEach(item => {
+        this.events.push(item);
+      });
+    }
 
-      if (errors !== undefined) {
-        errors.forEach(item => {
-          this.events.push(item);
-        });
-      }
-    });
-  }
-};
+    if (errors !== undefined) {
+      errors.forEach(item => {
+        this.events.push(item);
+      });
+    }
+  });
+})
 </script>
 
 <style lang="scss" scoped>
@@ -54,4 +49,4 @@ export default {
     }
   }
 }
-</style>
+</style>

products/neo-savant/src/components/Files/List.vue

@@ -13,7 +13,7 @@
       >
         <file-name
           :file="file"
-          v-on:select-file="handleSelect"
+          @select-file="handleSelect"
           :selected="selected && selected.id === file.id"
         />
       </div>
@@ -75,4 +75,4 @@ export default {
     cursor: pointer;
   }
 }
-</style>
+</style>

products/neo-savant/src/components/Inputs/InputPopover.vue

@@ -1,18 +1,18 @@
 <template>
-  <v-popover offset="16" trigger="click" placement="top">
+  <VDropdown distance="16" :triggers="['click', 'focus']" placement="top">
     <!-- This will be the popover target (for the events and position) -->
     <a class="tooltip-target d-flex align-items-center">
       <span>{{ type }}</span>
       <img class="ml-1" src="@/assets/question.svg" />
     </a>
 
     <!-- This will be the content of the popover -->
-    <template slot="popover" v-if="selected !== undefined">
+    <template #popper v-if="selected !== undefined">
       {{selected.description}} Read more about this
       <a :href="selected.link" target="_blank">here</a>
     </template>
-    <template slot="popover" v-else>{{type}}</template>
-  </v-popover>
+    <template #popper v-else>{{type}}</template>
+  </VDropdown>
 </template>
 
 <script>
@@ -70,4 +70,4 @@ export default {
     height: 12px;
   }
 }
-</style>
+</style>