remove @ alias

.eslintrc.cjs

@@ -37,7 +37,7 @@ module.exports = {
       },
     ],
     'no-var': 'error',
-    'no-console': process.env === 'development' ? 'warn' : 'error',
+    'no-console': 'error',
     'no-debugger': process.env === 'development' ? 'warn' : 'error',
   },
   ignorePatterns: ['dist'],

src/App.vue

@@ -5,6 +5,6 @@
 </template>
 
 <script setup lang="ts">
-import AppProvider from '@/components/AppProvider.vue';
-import RouterMain from '@/components/RouterMain.vue';
+import AppProvider from './components/AppProvider.vue';
+import RouterMain from './components/RouterMain.vue';
 </script>

src/components/AppProvider.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script lang="ts" setup>
-import { useAppStore } from '@/store';
+import { useAppStore } from '../store';
 import { darkTheme } from 'naive-ui';
 
 const appStore = useAppStore();

src/layout/index.vue

@@ -9,7 +9,7 @@
 
 <script setup lang="ts">
 import TheAside from './components/the-aside.vue';
-import RouterMain from '@/components/RouterMain.vue';
+import RouterMain from '../components/RouterMain.vue';
 </script>
 
 <style lang="scss" scoped>

src/main.ts

@@ -3,8 +3,8 @@ import App from './App.vue';
 import router from './router';
 import store from './store';
 
-import '@/styles/normalize.css';
-import '@/styles/theme.scss';
+import './assets/styles/normalize.css';
+import './assets/styles/theme.scss';
 
 const app = createApp(App);
 

src/router/index.ts

@@ -10,7 +10,7 @@ const router = createRouter({
       meta: {
         keepAlive: false,
       },
-      component: () => import('@/layout/index.vue'),
+      component: () => import('../layout/index.vue'),
       redirect: '/home',
       children: [
         {
@@ -19,15 +19,15 @@ const router = createRouter({
           meta: {
             keepAlive: false,
           },
-          component: () => import('@/views/home/index.vue'),
+          component: () => import('../views/home/index.vue'),
         },
         {
           name: 'Setting',
           path: '/setting',
           meta: {
             keepAlive: false,
           },
-          component: () => import('@/views/setting/index.vue'),
+          component: () => import('../views/setting/index.vue'),
         },
       ],
     },

src/views/setting/components/basic.vue

@@ -21,10 +21,10 @@
 </template>
 
 <script setup lang="ts">
-import lightImg from '@/assets/img/theme-light.png';
-import darkImg from '@/assets/img/theme-dark.png';
-import autoImg from '@/assets/img/theme-auto.png';
-import { useAppStore } from '@/store';
+import lightImg from '../../../assets/img/theme-light.png';
+import darkImg from '../../../assets/img/theme-dark.png';
+import autoImg from '../../../assets/img/theme-auto.png';
+import { useAppStore } from '../../../store';
 const appStore = useAppStore();
 const activeType = ref(appStore.themeType);
 const themeTypeList = ref([

src/views/setting/index.vue

@@ -1,9 +1,6 @@
 <template>
   <div class="setting-container">
-    <n-tabs
-      type="line"
-      placement="left"
-    >
+    <n-tabs type="line" placement="left">
       <n-tab-pane n-tab-pane name="Basic" tab="通用设置">
         <basic-setting />
       </n-tab-pane>
@@ -15,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import BasicSetting from './components/basic.vue'
+import BasicSetting from './components/basic.vue';
 </script>
 
 <style lang="scss" scoped>
@@ -34,4 +31,4 @@ import BasicSetting from './components/basic.vue'
     }
   }
 }
-</style>
+</style>

vite.config.ts

@@ -1,4 +1,3 @@
-import { resolve } from 'path';
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
 import AutoImport from 'unplugin-auto-import/vite';
@@ -28,9 +27,4 @@ export default defineConfig({
       resolvers: [NaiveUiResolver()],
     }),
   ],
-  resolve: {
-    alias: {
-      '@': resolve(__dirname, 'src'),
-    },
-  },
 });