feat miore objectw

src/boot/defaults/qDrawer.js

@@ -0,0 +1,5 @@
+import { QDrawer } from 'quasar';
+import setDefault from './setDefault';
+setDefault(QDrawer, 'showIfAbove', true);
+setDefault(QDrawer, 'side', 'right');
+setDefault(QDrawer, 'width', '256');

src/boot/defaults/qList.js

@@ -0,0 +1,4 @@
+import { QList } from 'quasar';
+import setDefault from './setDefault';
+
+setDefault(QList, 'dense', true);

src/boot/defaults/qScrollArea.js

@@ -0,0 +1,19 @@
+import { QScrollArea } from 'quasar';
+// QScrollArea.props.visible = {
+//     type: QScrollArea.props.visible,
+//     default: true,
+// };
+// QScrollArea.props.contentStyle = {
+//     type: QScrollArea.props.contentStyle,
+//     default: {
+//         width: '100%',
+//         height: '100%',
+//         borderRadius: '25px',
+//         background: 'red',
+//         opacity: 1,
+//     },
+// };
+// QScrollArea.props.class = {
+//     type: QScrollArea.props.class,
+//     default: ['fit text-grey-8'],
+// };

src/boot/quasar.defaults.js

@@ -2,3 +2,6 @@ export * from './defaults/qTable';
 export * from './defaults/qInput';
 export * from './defaults/qSelect';
 export * from './defaults/qBtn';
+export * from './defaults/qDrawer';
+export * from './defaults/qList';
+export * from './defaults/qScrollArea';

src/components/LeftMenu.vue

@@ -117,7 +117,7 @@ const handleItemExpansion = (itemName) => {
 </script>
 
 <template>
-    <QList padding class="column-max-width">
+    <QList padding class="column-max-width" :dense="false">
         <template v-if="$props.source === 'main'">
             <template v-if="$route?.matched[1]?.name === 'Dashboard'">
                 <QItem class="header">

src/pages/Claim/ClaimMain.vue

@@ -6,7 +6,7 @@ const stateStore = useStateStore();
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+    <QDrawer v-model="stateStore.leftDrawer" side="left">
         <QScrollArea class="fit text-grey-8">
             <LeftMenu />
         </QScrollArea>

src/pages/Customer/CustomerMain.vue

@@ -6,7 +6,7 @@ const stateStore = useStateStore();
 </script>
 
 <template>
-    <QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
+    <QDrawer v-model="stateStore.leftDrawer" side="left">
         <QScrollArea class="fit text-grey-8">
             <LeftMenu />
         </QScrollArea>

src/pages/Dashboard/DashboardMain.vue

@@ -20,6 +20,7 @@ const pinnedModules = computed(() => navigation.getPinnedModules());
         show-if-above
         :width="256"
         :breakpoint="1000"
+        side="left"
     >
         <QScrollArea class="fit">
             <LeftMenu />