feat: 添加 JSPage 页面，支持 JavaScript 文件，更新 ESLint 和 TypeScript 配置

eslint.config.js

@@ -27,7 +27,7 @@ export default [
   },
 
   ...pluginVue.configs['flat/essential'],
-  ...vueTsEslintConfig({ supportedScriptLangs: { ts: true, tsx: true } }),
+  ...vueTsEslintConfig({ supportedScriptLangs: { ts: true, tsx: true, js: true, jsx: true } }),
 
   {
     ...pluginVitest.configs.recommended,
@@ -41,6 +41,14 @@ export default [
     rules: {
       'vue/multi-word-component-names': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
+      // 'vue/block-lang': [
+      //   'error',
+      //   {
+      //     script: {
+      //       allowNoLang: true,
+      //     },
+      //   },
+      // ],
     },
   },
 ];

src/pages/JSPage/index.page.vue

@@ -0,0 +1,8 @@
+<script setup>
+import { fnInJsFile } from './js-file';
+</script>
+
+<template>
+  <div>src/pages/js-page/index.page.vue</div>
+  <div>{{ fnInJsFile() }}</div>
+</template>

src/pages/JSPage/js-file.js

@@ -0,0 +1,3 @@
+export function fnInJsFile() {
+  return 'the function in js-file.js';
+}

src/pages/_1.page.vue

@@ -1,3 +0,0 @@
-<template>
-  <p class="dark:bg-gray-800 bg-white text-gray-900 dark:text-gray-100">CONTENT</p>
-</template>

tsconfig.app.json

@@ -12,6 +12,8 @@
   "exclude": ["src/**/__tests__/*"],
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "allowJs": true, // 允许编译 JavaScript 文件
+    "checkJs": true, // 启用 JavaScript 文件的类型检查
     "types": [
       "vite/client",
       // "vitest",

typed-router.d.ts

@@ -19,7 +19,6 @@ declare module 'vue-router/auto-routes' {
    */
   export interface RouteNamedMap {
     'Root': RouteRecordInfo<'Root', '/', Record<never, never>, Record<never, never>>,
-    '1': RouteRecordInfo<'1', '/_1', Record<never, never>, Record<never, never>>,
     '$Path': RouteRecordInfo<'$Path', '/:path(.*)', { path: ParamValue<true> }, { path: ParamValue<false> }>,
     '中文页面': RouteRecordInfo<'中文页面', '/中文-页面', Record<never, never>, Record<never, never>>,
     'Api': RouteRecordInfo<'Api', '/api', Record<never, never>, Record<never, never>>,
@@ -29,7 +28,8 @@ declare module 'vue-router/auto-routes' {
     'Icons': RouteRecordInfo<'Icons', '/Icons', Record<never, never>, Record<never, never>>,
     'InfiniteLoading': RouteRecordInfo<'InfiniteLoading', '/infinite-loading', Record<never, never>, Record<never, never>>,
     'InfiniteLoadingDetail': RouteRecordInfo<'InfiniteLoadingDetail', '/infinite-loading/detail', Record<never, never>, Record<never, never>>,
-    'MdPage': RouteRecordInfo<'MdPage', '/md-page', Record<never, never>, Record<never, never>>,
+    'JSPage': RouteRecordInfo<'JSPage', '/JSPage', Record<never, never>, Record<never, never>>,
+    'MDPage': RouteRecordInfo<'MDPage', '/MDPage', Record<never, never>, Record<never, never>>,
     'Primevue': RouteRecordInfo<'Primevue', '/primevue', Record<never, never>, Record<never, never>>,
     'Router': RouteRecordInfo<'Router', '/router', Record<never, never>, Record<never, never>>,
     'SomePage': RouteRecordInfo<'SomePage', '/some-page', Record<never, never>, Record<never, never>>,