diff --git a/client/quasar.js b/client/quasar.js
index 54a64559..19144ea5 100644
--- a/client/quasar.js
+++ b/client/quasar.js
@@ -1,19 +1,23 @@
 import Vue from 'vue';
 
 import 'quasar/dist/quasar.css';
-import Quasar, {
-    QColor,
-    QCircularProgress
-} from 'quasar';
+import VuePlugin from 'quasar/src/vue-plugin.js'
 
-Vue.use(Quasar, {
-    config: {},
-    components: {
-        QColor,
-        QCircularProgress
-    },
-    directives: {
-    },
-    plugins: {
-    }
-});
\ No newline at end of file
+//components
+import {QCircularProgress} from 'quasar/src/components/circular-progress';
+
+const components = {
+    QCircularProgress
+};
+
+//directives
+const directives = {};
+
+//plugins
+const plugins = {};
+
+//config
+const config = {};
+
+//use
+Vue.use(VuePlugin, { config, components, directives, plugins });