Port to Vue3 and TypeScript

Signed-off-by: Knut Ahlers <knut@ahlers.me>

src/components/explanation.vue

@@ -1,4 +1,3 @@
-<!-- eslint-disable vue/no-v-html -->
 <template>
   <div class="card border-primary-subtle mb-3">
     <div
@@ -8,7 +7,7 @@
     <div class="card-body">
       <ul>
         <li
-          v-for="(explanation, idx) in $t('items-explanation')"
+          v-for="(explanation, idx) in $tm('items-explanation')"
           :key="`idx${idx}`"
         >
           {{ explanation }}
@@ -17,6 +16,11 @@
     </div>
   </div>
 </template>
-<script>
-export default { name: 'AppExplanation' }
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'AppExplanation',
+})
 </script>