Переход на quasar

client/components/App.vue

@@ -4,7 +4,16 @@
             <div class="app-name"><span v-html="appName"></span></div>
             <q-btn class="el-button-collapse" @click="toggleCollapse"></q-btn>
 
-            <el-menu class="el-menu-vertical" :default-active="rootRoute" :collapse="isCollapse" router>
+            <q-list>
+                <q-item clickable v-ripple>
+                    <q-item-section avatar>
+                        <q-icon name="inbox" />
+                    </q-item-section>
+
+                    <q-item-section>Inbox</q-item-section>
+                </q-item>
+            </q-list>
+            <!--el-menu class="el-menu-vertical" :default-active="rootRoute" :collapse="isCollapse" router>
               <el-menu-item index="/cardindex">
                 <i class="el-icon-search"></i>
                 <span :class="itemTitleClass('/cardindex')" slot="title">{{ this.itemRuText['/cardindex'] }}</span>
@@ -33,7 +42,7 @@
                 <i class="el-icon-question"></i>
                 <span :class="itemTitleClass('/help')" slot="title">{{ this.itemRuText['/help'] }}</span>
               </el-menu-item>
-            </el-menu>
+            </el-menu-->
         </q-drawer>
 
         <q-page-container>

client/quasar.js

@@ -3,6 +3,9 @@ import Vue from 'vue';
 import 'quasar/dist/quasar.css';
 import Quasar from 'quasar/src/vue-plugin.js'
 
+//config
+const config = {};
+
 //components
 import {QLayout} from 'quasar/src/components/layout';
 import {QPageContainer, QPage} from 'quasar/src/components/page';
@@ -19,12 +22,8 @@ import {QSlider} from 'quasar/src/components/slider';
 import {QTabPanels, QTabPanel} from 'quasar/src/components/tab-panels';
 import {QSeparator} from 'quasar/src/components/separator';
 
-//plugins
-import AppFullscreen from 'quasar/src/plugins/AppFullscreen';
-
-//config
-const config = {};
-
+import {QList, QItem, QItemSection, QItemLabel} from 'quasar/src/components/item';
+      
 const components = {
     QLayout, QPageContainer, QPage, QDrawer,
     QCircularProgress,
@@ -38,12 +37,17 @@ const components = {
     QTabPanels,
     QTabPanel,
     QSeparator,
+    QList, QItem, QItemSection, QItemLabel,
 };
 
-//directives
-const directives = {};
+//directives 
+import Ripple from 'quasar/src/directives/Ripple';
+
+const directives = {Ripple};
 
 //plugins
+import AppFullscreen from 'quasar/src/plugins/AppFullscreen';
+
 const plugins = {
     AppFullscreen,
 };