docs: update examples

Author: haoqunjiang

examples/allow-js/eslint.config.js

@@ -1,23 +1,24 @@
+import { globalIgnores } from 'eslint/config'
 import pluginVue from 'eslint-plugin-vue'
-import vueTsEslintConfig from '@vue/eslint-config-typescript'
+import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
+import standard from '@vue/eslint-config-standard-with-typescript'
+
 import pluginVitest from '@vitest/eslint-plugin'
 
-export default [
+export default defineConfigWithVueTs(
   {
     name: 'app/files-to-lint',
-    files: ['**/*.{ts,mts,tsx,vue}'],
+    files: ['**/*.{ts,mts,tsx,vue}']
   },
 
-  {
-    name: 'app/files-to-ignore',
-    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
-  },
+  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
+
+  pluginVue.configs['flat/essential'],
+  vueTsConfigs.recommended,
+  standard,
 
-  ...pluginVue.configs['flat/essential'],
-  ...vueTsEslintConfig(),
-  
   {
     ...pluginVitest.configs.recommended,
-    files: ['src/**/__tests__/*'],
-  },
-]
+    files: ['src/**/__tests__/*']
+  }
+)

examples/allow-js/src/foo.js

@@ -0,0 +1 @@
+export const foo = () => console.log('foo')

examples/allow-js/src/main.ts

@@ -6,6 +6,10 @@ import { createPinia } from 'pinia'
 import App from './App.vue'
 import router from './router'
 
+import { foo } from './foo'
+
+foo()
+
 const app = createApp(App)
 
 app.use(createPinia())

examples/allow-js/src/router/index.ts

@@ -7,17 +7,17 @@ const router = createRouter({
     {
       path: '/',
       name: 'home',
-      component: HomeView,
+      component: HomeView
     },
     {
       path: '/about',
       name: 'about',
       // route level code-splitting
       // this generates a separate chunk (About.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
-      component: () => import('../views/AboutView.vue'),
-    },
-  ],
+      component: () => import('../views/AboutView.vue')
+    }
+  ]
 })
 
 export default router

examples/allow-js/src/stores/counter.ts

@@ -4,7 +4,7 @@ import { defineStore } from 'pinia'
 export const useCounterStore = defineStore('counter', () => {
   const count = ref(0)
   const doubleCount = computed(() => count.value * 2)
-  function increment() {
+  function increment () {
     count.value++
   }
 

examples/allow-js/tsconfig.app.json

@@ -7,6 +7,8 @@
 
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+
+    "allowJs": true
   }
 }

examples/allow-js/vite.config.ts

@@ -10,11 +10,11 @@ export default defineConfig({
   plugins: [
     vue(),
     vueJsx(),
-    vueDevTools(),
+    vueDevTools()
   ],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))
-    },
-  },
+    }
+  }
 })

examples/allow-js/vitest.config.ts

@@ -8,7 +8,7 @@ export default mergeConfig(
     test: {
       environment: 'jsdom',
       exclude: [...configDefaults.exclude, 'e2e/**'],
-      root: fileURLToPath(new URL('./', import.meta.url)),
-    },
-  }),
+      root: fileURLToPath(new URL('./', import.meta.url))
+    }
+  })
 )

examples/js/eslint.config.js

@@ -1,18 +1,17 @@
+import { defineConfig, globalIgnores } from 'eslint/config'
+
 import pluginVue from 'eslint-plugin-vue'
 import pluginVitest from '@vitest/eslint-plugin'
 
 import standard from '@vue/eslint-config-standard'
 
-export default [
+export default defineConfig([
   {
     name: 'app/files-to-lint',
     files: ['**/*.{js,mjs,jsx,vue}']
   },
 
-  {
-    name: 'app/files-to-ignore',
-    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**']
-  },
+  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
 
   ...pluginVue.configs['flat/essential'],
   ...standard,
@@ -21,4 +20,4 @@ export default [
     ...pluginVitest.configs.recommended,
     files: ['src/**/__tests__/*']
   }
-]
+])

examples/ts-with-oxlint/eslint.config.ts

@@ -1,19 +1,17 @@
-import pluginVue from 'eslint-plugin-vue'
+import { globalIgnores } from 'eslint/config'
 import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
+import pluginVue from 'eslint-plugin-vue'
 import standard from '@vue/eslint-config-standard-with-typescript'
 import pluginVitest from '@vitest/eslint-plugin'
-import oxlint from 'eslint-plugin-oxlint'
+import pluginOxlint from 'eslint-plugin-oxlint'
 
 export default defineConfigWithVueTs(
   {
     name: 'app/files-to-lint',
     files: ['**/*.{ts,mts,tsx,vue}']
   },
 
-  {
-    name: 'app/files-to-ignore',
-    ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**']
-  },
+  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
 
   pluginVue.configs['flat/essential'],
   vueTsConfigs.recommended,
@@ -23,5 +21,5 @@ export default defineConfigWithVueTs(
     ...pluginVitest.configs.recommended,
     files: ['src/**/__tests__/*']
   },
-  oxlint.configs['flat/recommended']
+  pluginOxlint.configs['flat/recommended']
 )