feat: lint configuration (#109)

.vscode/settings.json

@@ -1,5 +1,53 @@
-{
+{ // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  "editor.formatOnSave": false,
+
+  // Auto fix
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
+  },
+
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    { "rule": "style/*", "severity": "off", "fixable": true },
+    { "rule": "format/*", "severity": "off", "fixable": true },
+    { "rule": "*-indent", "severity": "off", "fixable": true },
+    { "rule": "*-spacing", "severity": "off", "fixable": true },
+    { "rule": "*-spaces", "severity": "off", "fixable": true },
+    { "rule": "*-order", "severity": "off", "fixable": true },
+    { "rule": "*-dangle", "severity": "off", "fixable": true },
+    { "rule": "*-newline", "severity": "off", "fixable": true },
+    { "rule": "*quotes", "severity": "off", "fixable": true },
+    { "rule": "*semi", "severity": "off", "fixable": true }
+  ],
+
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "svelte",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ],
   "cSpell.words": [
+    "antfu",
     "vuejs"
   ]
-}
+}

README.md

@@ -13,9 +13,9 @@
   </a>
 </p>
 
-> [!WARNING]  
+> [!WARNING]
 > このリポジトリは現在大規模な改修を行っています。\
-> 現在， https://vuejs-jp.org に公開中のウェブサイトのソースコードは [`legacy` ブランチ](https://github.com/vuejs-jp/home/tree/legacy)　にあります。\
+> 現在， https://vuejs-jp.org に公開中のウェブサイトのソースコードは [`legacy` ブランチ](https://github.com/vuejs-jp/home/tree/legacy) にあります。\
 > 回収のロードマップについては https://github.com/vuejs-jp/home/discussions/98 をご覧ください。
 
 Vue.js 日本ユーザーグループへようこそ。私たちは、年に一度の大規模カンファレンス **“Vue Fes Japan”** の運営や、**Vue.js 公式ドキュメントの日本語翻訳**をはじめ、日本における Vue.js の普及と、Vue.js エコシステムへの貢献を行っている**日本最大の Vue.js コミュニティ**です。

eslint.config.mjs

@@ -0,0 +1,14 @@
+// @ts-check
+import antfu from "@antfu/eslint-config";
+import withNuxt from "./.nuxt/eslint.config.mjs";
+
+export default withNuxt(
+  antfu({
+    vue: true,
+    typescript: true,
+    stylistic: {
+      quotes: "double",
+      semi: true,
+    },
+  }),
+);

nuxt.config.ts

@@ -1,6 +1,10 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  compatibilityDate: "2024-04-03",
-  future: { compatibilityVersion: 4 },
+  modules: ["@nuxt/eslint"],
   devtools: { enabled: true },
+  future: { compatibilityVersion: 4 },
+  compatibilityDate: "2024-04-03",
+  eslint: {
+    config: { standalone: false },
+  },
 });

package.json

@@ -1,18 +1,24 @@
 {
   "name": "vuejs-jp.org",
-  "private": true,
   "type": "module",
+  "private": true,
+  "packageManager": "[email protected]",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
     "postinstall": "nuxt prepare"
   },
   "dependencies": {
     "nuxt": "^3.14.159",
     "vue": "latest",
     "vue-router": "latest"
   },
-  "packageManager": "[email protected]"
-}
+  "devDependencies": {
+    "@antfu/eslint-config": "^3.8.0",
+    "@nuxt/eslint": "^0.6.1"
+  }
+}