chore: fixed config

frontend/package.json

@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "feather-icons": "^4.28.0",
-    "frappe-ui": "^0.0.105",
+    "frappe-ui": "^0.1.16",
     "vue": "^3.2.25",
     "vue-router": "^4.0.12"
   },
@@ -18,6 +18,6 @@
     "autoprefixer": "^10.4.2",
     "postcss": "^8.4.5",
     "tailwindcss": "^3.0.15",
-    "vite": "^2.7.2"
+    "vite": "^3.0.0"
   }
 }

frontend/src/pages/Courses.vue

@@ -13,7 +13,6 @@
 
 <script setup>
 import { createListResource, Tabs } from 'frappe-ui';
-import { ref, computed } from 'vue';
 import CourseCard from '@/components/CourseCard.vue'
 
 const courses = createListResource({

frontend/vite.config.js

@@ -1,16 +1,11 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import path from 'path'
-import { getProxyOptions } from 'frappe-ui/src/utils/vite-dev-server'
-import { webserver_port } from '../../../sites/common_site_config.json'
+import frappeui from 'frappe-ui/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-	plugins: [vue()],
-	server: {
-		port: 8080,
-		proxy: getProxyOptions({ port: webserver_port }),
-	},
+	plugins: [frappeui(), vue()],
 	resolve: {
 		alias: {
 			'@': path.resolve(__dirname, 'src'),
@@ -20,6 +15,13 @@ export default defineConfig({
 		outDir: `../${path.basename(path.resolve('..'))}/public/frontend`,
 		emptyOutDir: true,
 		target: 'es2015',
+		rollupOptions: {
+			output: {
+				manualChunks: {
+					'frappe-ui': ['frappe-ui'],
+				},
+			},
+		},
 	},
 	optimizeDeps: {
 		include: ['frappe-ui > feather-icons', 'showdown', 'engine.io-client'],