chore: eslint setup

.gitignore

@@ -1,6 +1,9 @@
 # temporary
 __old
 
+# ESlint
+.eslintcache
+
 # Nuxt dev/build outputs
 .output
 .data

app/app.vue

@@ -11,7 +11,7 @@ const showStats = ref(false);
     }"
   >
     <div :style="{ display: 'flex', alignItems: 'center', gap: '4px' }">
-      <input id="statsCheckbox" type="checkbox" v-model="showStats" />
+      <input id="statsCheckbox" v-model="showStats" type="checkbox" />
       <label for="statsCheckbox">Stats</label>
     </div>
 

app/components/Home/BottomScreen/BottomScreen.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import Background from "./Background.vue";
 import Buttons from "./Buttons/Buttons.vue";
-
-const selectedButton: "game" | "pictochat" | "downloadPlay" = "game";
 </script>
 
 <template>

eslint.config.mjs

@@ -0,0 +1,8 @@
+import withNuxt from "./.nuxt/eslint.config.mjs";
+
+export default withNuxt({
+  rules: {
+    "vue/html-self-closing": "off",
+    "vue/multi-word-component-names": "off",
+  },
+});

nuxt.config.ts

@@ -2,5 +2,6 @@
 export default defineNuxtConfig({
   compatibilityDate: "2025-07-15",
   devtools: { enabled: true },
+  modules: ["@nuxt/eslint"],
   css: ["~/assets/app.css"],
 });

package.json

@@ -8,7 +8,8 @@
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
-    "format": "prettier --write --cache ."
+    "format": "prettier --write --cache .",
+    "lint": "eslint --fix --cache ."
   },
   "dependencies": {
     "nuxt": "^4.2.1",
@@ -16,6 +17,9 @@
     "vue-router": "^4.6.3"
   },
   "devDependencies": {
-    "prettier": "^3.6.2"
+    "@nuxt/eslint": "^1.10.0",
+    "eslint": "^9.39.1",
+    "prettier": "^3.6.2",
+    "typescript": "^5.9.3"
   }
 }

pnpm-workspace.yaml

@@ -1,3 +1,4 @@
 onlyBuiltDependencies:
   - "@parcel/watcher"
   - esbuild
+  - unrs-resolver