feat(tooling): use vite-config tooling pkg

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/controls/package.json

@@ -29,19 +29,15 @@
     "test": "exit 0"
   },
   "peerDependencies": {
-    "@vue-flow/core": "^1.12.2",
-    "vue": "^3.2.37"
+    "@vue-flow/core": "^1.12.2"
   },
-  "dependencies": {},
   "devDependencies": {
     "@vue-flow/core": "workspace:*",
     "@vue-flow/eslint-config": "workspace:*",
     "@vue-flow/tsconfig": "workspace:*",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "unplugin-auto-import": "^0.14.4",
-    "vite": "^4.1.3",
-    "vite-plugin-vue-type-imports": "^0.2.4",
-    "vite-svg-loader": "^3.6.0",
+    "@vue-flow/vite-config": "workspace:*",
+    "vite": "^4.1.4",
+    "vite-svg-loader": "^4.0.0",
     "vue-tsc": "^1.1.5"
   },
   "publishConfig": {

packages/controls/tsconfig.json

@@ -9,6 +9,6 @@
     ]
   },
   "include": [
-    "./src"
+    "./src",
   ]
 }

packages/controls/vite.config.ts

@@ -1,47 +1,15 @@
 import { resolve } from 'path'
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import AutoImport from 'unplugin-auto-import/vite'
-import vueTypes from 'vite-plugin-vue-type-imports'
+import { withConfig } from '@vue-flow/vite-config'
 import svgLoader from 'vite-svg-loader'
 
-// https://vitejs.dev/config/
-export default defineConfig({
-  resolve: {
-    extensions: ['.ts', '.vue'],
-  },
+export default withConfig({
   build: {
-    emptyOutDir: false,
     lib: {
       formats: ['es', 'cjs', 'iife'],
       entry: resolve(__dirname, 'src/index.ts'),
       fileName: 'vue-flow-controls',
       name: 'vueFlowControls',
     },
-    rollupOptions: {
-      // make sure to externalize deps that shouldn't be bundled
-      // into your library
-      external: ['vue', '@vue-flow/core'],
-      output: {
-        dir: './dist',
-        // Provide global variables to use in the UMD build
-        // for externalized deps
-        globals: {
-          'vue': 'Vue',
-          '@vue-flow/core': 'VueFlow',
-        },
-      },
-    },
   },
-  plugins: [
-    vue({
-      reactivityTransform: true,
-    }),
-    vueTypes(),
-    AutoImport({
-      imports: ['vue', 'vue/macros'],
-      dts: 'src/auto-imports.d.ts',
-    }),
-    svgLoader(),
-  ],
+  plugins: [svgLoader() as any],
 })