@hostlink/nuxt-light 1.10.22 → 1.11.0

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.10.22"
+  "version": "1.11.0"
 }

package/dist/module.mjs

@@ -20,6 +20,7 @@ const module = defineNuxtModule({
     nuxt.options.css.push("@quasar/extras/material-icons-outlined/material-icons-outlined.css");
     nuxt.options.css.push("@quasar/extras/fontawesome-v6/fontawesome-v6.css");
     nuxt.options.css.push("@quasar/extras/fontawesome-v5/fontawesome-v5.css");
+    nuxt.options.css.push("@quasar/extras/mdi-v7/mdi-v7.css");
     nuxt.options.app.head.link = nuxt.options.app.head.link || [];
     nuxt.options.app.head.link.push({
       rel: "stylesheet",

package/dist/runtime/components/l-app-main.vue

@@ -421,14 +421,17 @@ if (route.fullPath == "/" && my.default_page) {
                 </template>
             </q-banner>
 
-            <router-view v-slot="{ Component }">
+            <!-- router-view v-slot="{ Component }">
 
                 <template v-if="Component">
                     <suspense>
                         <component :is="Component" :reloadMenu="reloadMenu"></component>
                     </suspense>
                 </template>
-            </router-view>
+            </router-view -->
+            <NuxtLoadingIndicator />
+            
+            <NuxtPage />
 
 
         </q-page-container>

package/dist/runtime/components/l-app.vue

@@ -3,7 +3,7 @@ import { provide, ref } from 'vue'
 import { useLight, watch } from "#imports";
 import { useRuntimeConfig } from 'nuxt/app'
 import { setApiUrl } from '@hostlink/light'
-import { useQuasar, Dialog } from 'quasar'
+import { useQuasar } from 'quasar'
 import { q } from '#imports'
 import { useRoute } from "vue-router";
 const config = useRuntimeConfig();
@@ -56,7 +56,8 @@ provide('color', color)
             <slot name="header"></slot>
         </template>
 
-        <slot></slot>
+      
+
 
 
     </l-app-main>

package/dist/runtime/pages/System/menu/index.vue

@@ -213,8 +213,8 @@ const menusOnly = computed(() => {
         <q-dialog v-model="showMove">
             <l-card>
                 <q-card-section>
-                    <q-tree :nodes="menus" :selected-color="$light.color" default-expand-all v-model:selected="moveTarget"
-                        node-key="uuid" ref="tree2" />
+                    <q-tree :nodes="menus" :selected-color="$light.color" default-expand-all
+                        v-model:selected="moveTarget" node-key="uuid" ref="tree2" />
                 </q-card-section>
 
                 <q-card-actions align="right">
@@ -298,13 +298,31 @@ const menusOnly = computed(() => {
                             <div class="q-gutter-md">
                                 <l-input label="Label" v-model="selectedNode.label" />
                                 <l-input label="To" v-model="selectedNode.to" />
-                                <l-input label="Icon" v-model="selectedNode.icon" hint="example: sym_o_add" />
+                                <l-input label="Icon" v-model="selectedNode.icon"
+                                    hint="example: sym_o_add, fas fa-ambulance, mdi-alert-circle-outline" />
                                 <l-input label="Permission" v-model="selectedNode.permission" />
                                 <l-input label="UUID" v-model="selectedNode.uuid" readonly />
                             </div>
 
                             <div>
-                                <a href="https://fonts.google.com/icons" target="_blank">Material Icons</a>
+                                <ul>
+                                    <li>
+                                        <a href="https://fonts.google.com/icons" target="_blank">Material Icons</a>
+                                    </li>
+                                    <li>
+                                        <a href="https://fontawesome.com/search" target="_blank">Font Awesome</a>
+                                    </li>
+
+                                    <li>
+                                        <a href="https://materialdesignicons.com/" target="_blank">Material Design
+                                            Icons</a>
+                                    </li>
+                                    <li>
+                                        <a href="https://quasar.dev/vue-components/icon#webfont-usage" target="_blank">Quasar
+                                            Icons</a>
+                                    </li>
+                                </ul>
+
                             </div>
 
                         </template>

package/dist/runtime/pages/User/setting.vue

@@ -11,29 +11,28 @@ const route = useRoute()
             <q-splitter unit="px" :model-value="120">
                 <template #before>
                     <q-tabs v-model="tab" vertical :active-color="$light.color">
-                        <q-route-tab name="general" icon="sym_o_info" :label="$t('General')" to="/User/setting" exact
-                            replace />
+                        <q-route-tab name="general" icon="sym_o_info" :label="$t('General')" to="/User/setting" exact />
                         <q-route-tab name="information" icon="sym_o_info" :label="$t('Information')"
-                            to="/User/setting/information" exact replace />
+                            to="/User/setting/information" exact />
                         <q-route-tab name="password" icon="sym_o_password" :label="$t('Password')"
-                            to="/User/setting/password" exact replace />
-                        <q-route-tab name="style" icon="sym_o_style" :label="$t('Style')" to="/User/setting/style" exact
-                            replace />
-                        <q-route-tab name="2fa" icon="sym_o_key" :label="$t('2FA')" to="/User/setting/two-factor-auth" exact
-                            replace />
+                            to="/User/setting/password" exact />
+                        <q-route-tab name="style" icon="sym_o_style" :label="$t('Style')" to="/User/setting/style"
+                            exact />
+                        <q-route-tab name="2fa" icon="sym_o_key" :label="$t('2FA')" to="/User/setting/two-factor-auth"
+                            exact />
                         <q-route-tab name="bio" icon="sym_o_fingerprint" :label="$t('Bio')" to="/User/setting/bio-auth"
-                            exact replace />
-                        <q-route-tab name="openid" icon="sym_o_key" :label="$t('Open ID')" to="/User/setting/open_id" exact
-                            replace />
+                            exact />
+                        <q-route-tab name="openid" icon="sym_o_key" :label="$t('Open ID')" to="/User/setting/open_id"
+                            exact />
                         <q-route-tab name="myfav" icon="sym_o_star" :label="$t('My favorite')"
-                            to="/User/setting/my_favorite" exact replace />
+                            to="/User/setting/my_favorite" exact />
 
                     </q-tabs>
                 </template>
 
                 <template #after>
-                    <router-view :key="route.path">
-                    </router-view>
+                    <NuxtPage :key="route.path"></NuxtPage>
+
                 </template>
             </q-splitter>
         </l-card>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.10.22",
+  "version": "1.11.0",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
@@ -28,6 +28,7 @@
     "dev:prepare": "nuxt-module-build build --stub && nuxi prepare playground",
     "release:org": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
     "release": "npm run prepack && changelogen --release && npm publish --access=public && git push --follow-tags",
+    "publish": "npm run prepack && npm publish --access=public && git push --follow-tags",
     "lint": "eslint .",
     "test": "vitest run",
     "test:watch": "vitest watch",