chore(ts): configured tsconfig.json and some alias paths

src/assets/lang/index.ts

@@ -12,7 +12,7 @@ const i18n = createI18n({
     }
 });
 // define all supported languages
-const langs = [
+export const langs = [
     {
         name: '简体中文',
         value: 'zh'
@@ -24,4 +24,3 @@ const langs = [
 ]
 
 export default i18n;
-export { langs };

src/main.js → src/main.ts

@@ -1,14 +1,11 @@
 // components
 import { createApp } from 'vue';
 import App from './App.vue';
-import router from '@routes/index.ts';
-import i18n from '@assets/lang/index.ts';
+import router from '@/routes/index';
+import i18n from '@/assets/lang/index';
 // styles
 import '@assets/style/common.less';
 import '@assets/style/fonts.css';
-// import '@assets/style/fontawesome/css/fontawesome.min.css';
-// import '@assets/style/fontawesome/css/brands.min.css';
-// import '@assets/style/fontawesome/css/solid.min.css';
 import '@assets/style/fontawesome/css/fontawesome.css';
 import '@assets/style/fontawesome/css/brands.css';
 import '@assets/style/fontawesome/css/solid.css';

src/types.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import { ComponentOptions } from "vue";
+  const componentOptions: ComponentOptions
+  export default componentOptions
+}

tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.vue",
+  ]
+}

vite.config.ts

@@ -0,0 +1,20 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from 'path'
+
+const resolve = (relativePath) => {
+  return path.resolve(__dirname, relativePath);
+}
+// https://vitejs.dev/config/
+export default defineConfig({
+  server: {
+    port: 5000,
+    host: '0.0.0.0',
+  },
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': resolve( './src'),
+    }
+  }
+})