feat!: use #/src instead

Author: haoqunjiang

Diff for: template/base/jsconfig.json

@@ -2,8 +2,8 @@
   "compilerOptions": {
     "paths": {
       // TODO: no longer needed after TS 5.4
-      "#src/*": ["./src/*"],
-      // Deprecated, use `#src` instead (configured in `package.json` `imports` field)
+      "#/*": ["./*"],
+      // Deprecated, use `#/src` instead (configured in `package.json` `imports` field)
       "@/*": ["./src/*"]
     }
   },

Diff for: template/base/package.json

@@ -2,7 +2,7 @@
   "private": true,
   "type": "module",
   "imports": {
-    "#src/": "./src/"
+    "#/*": "./*"
   },
   "scripts": {
     "dev": "vite",

Diff for: template/base/vite.config.js.ejs

@@ -14,7 +14,7 @@ export default defineConfig({
   ],
   resolve: {
     alias: {
-      // Deprecated, use `#src` instead (configured in `package.json` `imports` field)
+      // Deprecated, use `#/src` instead (configured in `package.json` `imports` field)
       '@': fileURLToPath(new URL('./src', import.meta.url))
     },
   },

Diff for: template/code/router/src/App.vue

@@ -5,7 +5,7 @@ import HelloWorld from './components/HelloWorld.vue'
 
 <template>
   <header>
-    <img alt="Vue logo" class="logo" src="#src/assets/logo.svg" width="125" height="125" />
+    <img alt="Vue logo" class="logo" src="#/src/assets/logo.svg" width="125" height="125" />
 
     <div class="wrapper">
       <HelloWorld msg="You did it!" />

Diff for: template/code/typescript-router/src/App.vue

@@ -5,7 +5,7 @@ import HelloWorld from './components/HelloWorld.vue'
 
 <template>
   <header>
-    <img alt="Vue logo" class="logo" src="#src/assets/logo.svg" width="125" height="125" />
+    <img alt="Vue logo" class="logo" src="#/src/assets/logo.svg" width="125" height="125" />
 
     <div class="wrapper">
       <HelloWorld msg="You did it!" />

Diff for: template/config/cypress-ct/cypress/support/component.js

@@ -20,7 +20,7 @@ import './commands'
 // require('./commands')
 
 // Import global styles
-import '#src/assets/main.css'
+import '#/src/assets/main.css'
 
 import { mount } from 'cypress/vue'
 

Diff for: template/config/cypress-ct/cypress/support/component.ts

@@ -20,7 +20,7 @@ import './commands'
 // require('./commands')
 
 // Import global styles
-import '#src/assets/main.css'
+import '#/src/assets/main.css'
 
 import { mount } from 'cypress/vue'
 

Diff for: template/tsconfig/base/tsconfig.app.json

@@ -8,8 +8,8 @@
 
     "paths": {
       // TODO: no longer needed after TS 5.4
-      "#src/*": ["./src/*"],
-      // Deprecated, use `#src` instead (configured in `package.json` `imports` field)
+      "#/*": ["./*"],
+      // Deprecated, use `#/src` instead (configured in `package.json` `imports` field)
       "@/*": ["./src/*"]
     }
   }

Diff for: template/tsconfig/nightwatch-ct/tsconfig.app.json

@@ -8,8 +8,8 @@
 
     "paths": {
       // TODO: no longer needed after TS 5.4
-      "#src/*": ["./src/*"],
-      // Deprecated, use `#src` instead (configured in `package.json` `imports` field)
+      "#/*": ["./*"],
+      // Deprecated, use `#/src` instead (configured in `package.json` `imports` field)
       "@/*": ["./src/*"]
     }
   }