fix

auto-imports.d.ts

@@ -6,9 +6,12 @@
 export {}
 declare global {
   const EffectScope: typeof import('vue')['EffectScope']
+  const Icon: typeof import('./src/components/Icon')['default']
   const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
   const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
   const buildScheme: typeof import('./src/utils/buildScheme')['default']
+  const componentMapping: typeof import('./src/components/componentMapping')['componentMapping']
+  const componentScheme: typeof import('./src/schemes/scheme')['componentScheme']
   const computed: typeof import('vue')['computed']
   const computedAsync: typeof import('@vueuse/core')['computedAsync']
   const computedEager: typeof import('@vueuse/core')['computedEager']
@@ -85,9 +88,12 @@ declare global {
   const resolveComponent: typeof import('vue')['resolveComponent']
   const resolveRef: typeof import('@vueuse/core')['resolveRef']
   const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
+  const router: typeof import('./src/router/index')['router']
+  const routes: typeof import('./src/router/index')['routes']
   const shallowReactive: typeof import('vue')['shallowReactive']
   const shallowReadonly: typeof import('vue')['shallowReadonly']
   const shallowRef: typeof import('vue')['shallowRef']
+  const store: typeof import('./preview/store/index')['default']
   const syncRef: typeof import('@vueuse/core')['syncRef']
   const syncRefs: typeof import('@vueuse/core')['syncRefs']
   const templateRef: typeof import('@vueuse/core')['templateRef']
@@ -224,6 +230,7 @@ declare global {
   const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
   const useRoute: typeof import('vue-router')['useRoute']
   const useRouter: typeof import('vue-router')['useRouter']
+  const useSchemeStore: typeof import('./src/stores/useSchemeStore')['useSchemeStore']
   const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
   const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
   const useScriptTag: typeof import('@vueuse/core')['useScriptTag']

components.d.ts

@@ -9,7 +9,6 @@ declare module 'vue' {
   export interface GlobalComponents {
     AdaptivePage: typeof import('./src/components/AdaptivePage.vue')['default']
     DynamicComponent: typeof import('./src/components/DynamicComponent.vue')['default']
-    MainView: typeof import('./src/components/MainView.vue')['default']
     NestedFunction: typeof import('./src/components/NestedFunction.vue')['default']
     PropertyEditor: typeof import('./src/components/PropertyEditor.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']

package.json

@@ -23,7 +23,7 @@
   },
   "devDependencies": {
     "@arco-design/web-vue": "^2.56.0",
-    "@types/node": "^22.2.0",
+    "@types/node": "^22.9.0",
     "@vitejs/plugin-vue": "^5.0.5",
     "less": "^4.2.0",
     "sass": "^1.77.8",
@@ -35,5 +35,8 @@
     "vue-loader": "^17.4.2",
     "vue-template-compiler": "^2.7.16",
     "vue-tsc": "^2.0.24"
+  },
+  "volta": {
+    "node": "20.18.0"
   }
 }

preview/views/MainView.vue

@@ -49,10 +49,12 @@
 import {VueDraggable} from "vue-draggable-plus";
 import {onMounted, ref, watch} from 'vue';
 import {uuid} from 'lsp-uuid';
-import {componentScheme} from '@/schemes/scheme';
+import {componentScheme} from "@/schemes/scheme";
 import {useSchemeStore} from '@/stores/useSchemeStore';
 import {IComponent} from "@/type/IComponent";
 
+import {} from "@/"
+
 let componentsList = [];
 const store = useSchemeStore();
 

tsconfig.json

@@ -1,7 +1,16 @@
 {
   "files": [],
   "compilerOptions": {
-    "module": "ESNext"
+    "module": "ESNext",
+    "baseUrl": "./",
+    "paths": {
+      "@": [
+        "src"
+      ],
+      "@/*": [
+        "src/*"
+      ]
+    }
   },
   "references": [
     {
@@ -10,5 +19,10 @@
     {
       "path": "./tsconfig.node.json"
     }
+  ],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
   ]
 }

vite.config.ts

@@ -1,5 +1,4 @@
 import {defineConfig} from 'vite'
-import {fileURLToPath, URL} from 'node:url'
 import vue from '@vitejs/plugin-vue'
 // import vueDevTools from 'vite-plugin-vue-devtools'
 
@@ -7,6 +6,7 @@ import AutoImport from 'unplugin-auto-import/vite'
 import {ArcoResolver} from 'unplugin-vue-components/resolvers'
 import Components from 'unplugin-vue-components/vite'
 import {vitePluginForArco} from '@arco-plugins/vite-vue'
+import * as path from "node:path";
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -22,7 +22,10 @@ export default defineConfig({
                 './src/components/*/index.vue',
                 './src/enums/*.ts',
                 './src/utils/*.ts',
-                './src/composables'
+                './src/composables',
+                './src/*/**',
+                './preview/*/**'
+
             ]
         }),
         Components({
@@ -40,8 +43,7 @@ export default defineConfig({
     ],
     resolve: {
         alias: {
-            '@': fileURLToPath(new URL('./src', import.meta.url)),
-            'vue': 'vue/dist/vue.esm-bundler.js'
+            '@': path.resolve(__dirname, './src')
         }
     }
 })