Amend dynamic imports

vite.config.ts

@@ -1,21 +1,40 @@
-import { defineConfig } from 'vite'
+import {defineConfig} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import tailwindcss from "@tailwindcss/vite";
 import Components from 'unplugin-vue-components/vite'
 import {PrimeVueResolver} from "unplugin-vue-components/resolvers";
+import path from 'path';
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [
-      vue(),
-      tailwindcss(),
-      Components({
-          extensions: ['vue', 'md'],
-          include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
-          dts: 'src/components.d.ts',
-          resolvers: [
-              PrimeVueResolver()
-          ]
-      }),
+    vue(),
+    tailwindcss(),
+    Components({
+      extensions: ['vue', 'md'],
+      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+      dts: 'src/components.d.ts',
+      resolvers: [
+        PrimeVueResolver()
+      ]
+    }),
   ],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './src'),
+    }
+  },
+  build: {
+    // @ts-ignore
+    assetsInclude: [
+      '**/*.svg'
+    ],
+    rollupOptions: {
+      output: {
+        assetFileNames: 'assets/[name]-[hash][extname]',
+        chunkFileNames: 'chunks/[name].js',
+        entryFileNames: 'js/[name].js'
+      }
+    }
+  }
 })