chore: fix lint problems (#16)

package.json

@@ -38,7 +38,7 @@
     "dev": "vite src/client",
     "dev:client": "vite build src/client --watch",
     "dev:js": "nr build:js --watch src",
-    "lint": "eslint \"{src,test}/**/*.ts\"",
+    "lint": "eslint \"{src,test}/**/*.{vue,ts}\"",
     "lint:fix": "npm run lint -- --fix",
     "prepublishOnly": "npm run build",
     "release": "bumpp --commit --push --tag && npm publish"

src/client/App.vue

@@ -1,5 +1,5 @@
 <template>
   <main class="text-gray-700 dark:text-gray-200 w-screen h-screen grid grid-rows-[min-content,1fr]">
-    <router-view/>
+    <router-view />
   </main>
 </template>

src/client/components/DiffEditor.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, onMounted, toRefs, watchEffect, nextTick } from 'vue'
+import { nextTick, onMounted, ref, toRefs, watchEffect } from 'vue'
 import { diff_match_patch as Diff } from 'diff-match-patch'
 import { useCodeMirror } from '../logic/codemirror'
 import { guessMode } from '../logic/utils'
@@ -98,7 +98,7 @@ onMounted(() => {
 <template>
   <div class="grid grid-cols-[1fr,min-content,1fr] h-full overflow-auto">
     <textarea ref="fromEl" v-text="from" />
-    <div class="border-main border-r"></div>
+    <div class="border-main border-r" />
     <textarea ref="toEl" v-text="to" />
   </div>
 </template>

src/client/components/Graph.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
-import { Network, Data, Options } from 'vis-network'
+import type { Data, Options } from 'vis-network'
+import { Network } from 'vis-network'
 import type { ModuleInfo } from '../../types'
 import { isDark } from '../logic'
 
@@ -81,6 +82,6 @@ onMounted(() => {
 
 <template>
   <div v-if="modules">
-    <div ref="container" class="w-full h-100vh"></div>
+    <div ref="container" class="w-full h-100vh" />
   </div>
 </template>

src/client/components/ModuleId.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { root, list } from '../logic'
+import { list, root } from '../logic'
 
 const props = defineProps<{ id?: string }>()
 

src/client/components/NavBar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { isDark, toggleDark, enableDiff, lineWrapping, refetch, toggleMode, listMode } from '../logic'
+import { enableDiff, isDark, lineWrapping, listMode, refetch, toggleDark, toggleMode } from '../logic'
 
 defineProps<{
   id?: string
@@ -13,7 +13,7 @@ defineProps<{
         <carbon-arrow-left />
       </router-link>
       <ModuleId v-if="id" :id="id" />
-      <div class="flex-auto"></div>
+      <div class="flex-auto" />
       <button class="icon-btn text-lg" title="Line Wrapping" @click="lineWrapping = !lineWrapping">
         <carbon:text-wrap :class="lineWrapping ? 'opacity-100' : 'opacity-25'" />
       </button>
@@ -24,7 +24,7 @@ defineProps<{
     <template v-else>
       <span class="text-md">Vite Inspect</span>
       <SearchBox />
-      <div class="flex-auto"></div>
+      <div class="flex-auto" />
       <button class="icon-btn text-lg" title="View Mode" @click="toggleMode()">
         <carbon:list-boxes v-if="listMode === 'detailed'" />
         <carbon:list v-else-if="listMode === 'list'" />

src/client/components/SearchBox.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { searchText, includeNodeModules, includeVirtual } from '../logic'
+import { includeNodeModules, includeVirtual, searchText } from '../logic'
 </script>
 
 <template>
@@ -8,14 +8,14 @@ import { searchText, includeNodeModules, includeVirtual } from '../logic'
     type="text"
     class="border border-main px-3 py-1 rounded bg-transparent !outline-none"
     placeholder="Search..."
-  />
+  >
   <div class="text-xs flex flex-col h-min">
     <label class="flex">
-      <input v-model="includeNodeModules" type="checkbox" class="my-auto" />
+      <input v-model="includeNodeModules" type="checkbox" class="my-auto">
       <div class="ml-1">node_modules</div>
     </label>
     <label class="flex">
-      <input v-model="includeVirtual" type="checkbox" class="my-auto" />
+      <input v-model="includeVirtual" type="checkbox" class="my-auto">
       <div class="ml-1">virtual</div>
     </label>
   </div>