fix: make eslint work in nuxt

.vscode/settings.json

@@ -1,6 +1,5 @@
 {
 	"editor.codeActionsOnSave": {
 		"source.fixAll.eslint": "explicit"
-	},
-	"editor.formatOnSave": true
-}
+	}
+}

eslint.config.mjs

@@ -1,6 +1,13 @@
-// @ts-check
-import withNuxt from './.nuxt/eslint.config.mjs'
+import pluginVue from 'eslint-plugin-vue';
+import eslintConfig from '@pretendonetwork/eslint-config';
+import { withNuxt } from './.nuxt/eslint.config.mjs';
 
-export default withNuxt(
-  // Your custom configs here
-)
+export default withNuxt([
+	...pluginVue.configs['flat/recommended'],
+	...eslintConfig,
+	{
+		rules: {
+			'vue/multi-word-component-names': 'off'
+		}
+	}
+]);

nuxt.config.ts

@@ -1,12 +1,18 @@
 export default defineNuxtConfig({
-	compatibilityDate: "2024-11-01",
+	compatibilityDate: '2024-11-01',
 	devtools: { enabled: true },
-	srcDir: "./src",
+	srcDir: './src',
 
 	modules: [
-		"@nuxt/eslint",
-		"@nuxt/fonts",
-		"@nuxt/icon",
-		"@nuxt/content",
+		'@nuxt/eslint',
+		'@nuxt/fonts',
+		'@nuxt/icon',
+		'@nuxt/content'
 	],
+
+	eslint: {
+		config: {
+			standalone: false
+		}
+	}
 });

package.json

@@ -21,5 +21,9 @@
 		"nuxt": "^3.16.2",
 		"vue": "^3.5.13",
 		"vue-router": "^4.5.0"
+	},
+	"devDependencies": {
+		"@pretendonetwork/eslint-config": "^0.0.8",
+		"eslint-plugin-vue": "^10.0.0"
 	}
 }

src/pages/index.vue

@@ -1,6 +1,6 @@
 <template>
-	<div>
-		<NuxtRouteAnnouncer />
-		<NuxtWelcome />
-	</div>
+  <div>
+    <NuxtRouteAnnouncer />
+    <NuxtWelcome />
+  </div>
 </template>