chore(lint): switched to a better lint config

src/tools/mime-types/mime-types.vue

@@ -1,7 +1,32 @@
+<script setup lang="ts">
+import { types as extensionToMimeType, extensions as mimeTypeToExtension } from 'mime-types';
+import { computed, ref } from 'vue';
+
+const mimeInfos = Object.entries(mimeTypeToExtension).map(([mimeType, extensions]) => ({ mimeType, extensions }));
+
+const mimeToExtensionsOptions = Object.keys(mimeTypeToExtension).map(label => ({ label, value: label }));
+const selectedMimeType = ref(undefined);
+
+const extensionsFound = computed(() => (selectedMimeType.value ? mimeTypeToExtension[selectedMimeType.value] : []));
+
+const extensionToMimeTypeOptions = Object.keys(extensionToMimeType).map((label) => {
+  const extension = `.${label}`;
+
+  return { label: extension, value: label };
+});
+const selectedExtension = ref(undefined);
+
+const mimeTypeFound = computed(() => (selectedExtension.value ? extensionToMimeType[selectedExtension.value] : []));
+</script>
+
 <template>
   <c-card>
-    <n-h2 style="margin-bottom: 0">Mime type to extension</n-h2>
-    <div style="opacity: 0.8">Now witch file extensions are associated to a mime-type</div>
+    <n-h2 style="margin-bottom: 0">
+      Mime type to extension
+    </n-h2>
+    <div style="opacity: 0.8">
+      Now witch file extensions are associated to a mime-type
+    </div>
     <n-form-item>
       <n-select
         v-model:value="selectedMimeType"
@@ -13,7 +38,9 @@
     </n-form-item>
 
     <div v-if="extensionsFound.length > 0">
-      Extensions of files with the <n-tag round :bordered="false">{{ selectedMimeType }}</n-tag> mime-type:
+      Extensions of files with the <n-tag round :bordered="false">
+        {{ selectedMimeType }}
+      </n-tag> mime-type:
       <div style="margin-top: 10px">
         <n-tag
           v-for="extension of extensionsFound"
@@ -30,8 +57,12 @@
   </c-card>
 
   <c-card>
-    <n-h2 style="margin-bottom: 0">File extension to mime type</n-h2>
-    <div style="opacity: 0.8">Now witch mime type is associated to a file extension</div>
+    <n-h2 style="margin-bottom: 0">
+      File extension to mime type
+    </n-h2>
+    <div style="opacity: 0.8">
+      Now witch mime type is associated to a file extension
+    </div>
     <n-form-item>
       <n-select
         v-model:value="selectedExtension"
@@ -43,7 +74,9 @@
     </n-form-item>
 
     <div v-if="selectedExtension">
-      Mime type associated to the extension <n-tag round :bordered="false">{{ selectedExtension }}</n-tag> file
+      Mime type associated to the extension <n-tag round :bordered="false">
+        {{ selectedExtension }}
+      </n-tag> file
       extension:
       <div style="margin-top: 10px">
         <n-tag round :bordered="false" type="primary" style="margin-right: 10px">
@@ -74,24 +107,3 @@
     </n-table>
   </div>
 </template>
-
-<script setup lang="ts">
-import { types as extensionToMimeType, extensions as mimeTypeToExtension } from 'mime-types';
-import { computed, ref } from 'vue';
-
-const mimeInfos = Object.entries(mimeTypeToExtension).map(([mimeType, extensions]) => ({ mimeType, extensions }));
-
-const mimeToExtensionsOptions = Object.keys(mimeTypeToExtension).map((label) => ({ label, value: label }));
-const selectedMimeType = ref(undefined);
-
-const extensionsFound = computed(() => (selectedMimeType.value ? mimeTypeToExtension[selectedMimeType.value] : []));
-
-const extensionToMimeTypeOptions = Object.keys(extensionToMimeType).map((label) => {
-  const extension = `.${label}`;
-
-  return { label: extension, value: label };
-});
-const selectedExtension = ref(undefined);
-
-const mimeTypeFound = computed(() => (selectedExtension.value ? extensionToMimeType[selectedExtension.value] : []));
-</script>