@hostlink/nuxt-light 1.10.5 → 1.10.7

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.10.5"
+  "version": "1.10.7"
 }

package/dist/module.mjs

@@ -75,6 +75,9 @@ const module = defineNuxtModule({
       mode: "client"
     });
     nuxt.hook("vite:extendConfig", (config) => {
+      config.optimizeDeps ??= {};
+      config.optimizeDeps.exclude ??= [];
+      config.optimizeDeps.exclude.push("quasar");
       config.define = {
         ...config.define,
         __QUASAR_SSR__: false,
@@ -87,7 +90,7 @@ const module = defineNuxtModule({
       config.replace = {
         ...config.replace,
         __QUASAR_SSR__: false,
-        __QUASAR_SSR_SERVER__: false,
+        __QUASAR_SSR_SERVER__: true,
         __QUASAR_SSR_CLIENT__: false,
         __QUASAR_SSR_PWA__: false
       };

package/dist/runtime/components/L/Revision.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { useQuasar,Dialog, Notify } from "quasar"
+import { useQuasar } from "quasar"
 import { computed, ref, reactive } from "vue";
 import { q, m } from "#imports";
 
@@ -69,7 +69,7 @@ const onRestore = () => {
             revision_id: selectedRevision.value.revision_id,
             fields: restore_fields.value
         })) {
-            Notify.create({
+            quasar.notify({
                 message: 'Restored successfully',
                 color: 'positive'
             })
@@ -144,9 +144,9 @@ const getDiffHtml = (diffs) => {
 
                     <q-checkbox label="Show changed only" v-model="showOnlyDelta" :color="$light.color"></q-checkbox>
 
-                    <q-btn-toggle class="q-mx-md" v-model="outputFormat" :toggle-color="$light.color"  :options="[
-            { label: 'side-by-side', value: 'side-by-side' }, { label: 'line-by-line', value: 'line-by-line' }
-        ]" />
+                    <q-btn-toggle class="q-mx-md" v-model="outputFormat" :toggle-color="$light.color" :options="[
+                        { label: 'side-by-side', value: 'side-by-side' }, { label: 'line-by-line', value: 'line-by-line' }
+                    ]" />
                     <q-space />
                     <q-btn flat round dense icon="close" @click="showDialog = false" />
                 </q-toolbar>

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

@@ -1,10 +1,11 @@
 <script setup>
 import { useLight } from "#imports";
 import { ref, reactive, onMounted } from 'vue'
-import { useQuasar, Notify, Dialog } from 'quasar';
+import { useQuasar, Dialog } from 'quasar';
 import { useI18n } from 'vue-i18n';
 import { m, notify } from '#imports';
 
+
 import { login, webauthnLogin } from '@hostlink/light';
 
 const light = useLight();
@@ -21,6 +22,7 @@ const data = reactive({
 });
 
 const qua = useQuasar()
+
 const submit = async () => {
   if (await form1.value.validate()) {
 
@@ -142,7 +144,7 @@ onMounted(() => {
 
 
     if (!window.google) {
-      Notify.create({
+      qua.notify({
         message: "Google login is not available", //set script https://accounts.google.com/gsi/client in nuuxt.config.js
         color: "negative",
         icon: "sym_o_error",

package/dist/runtime/formkit/Form.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { ref } from 'vue'
 import { useRouter, useRoute } from "vue-router";
-import { useQuasar, Dialog, Notify } from "quasar";
+import { useQuasar } from "quasar";
 import { model } from "@hostlink/light"
 
 const route = useRoute();
@@ -41,7 +41,7 @@ if (!props.context.onSubmit) {
         try {
             if (route.params[id_name]) {//edit
                 if (await model(module).update(parseInt(route.params[id_name]), v)) {
-                    Notify.create({
+                    quasar.notify({
                         message: "Updated successfully",
                         color: "positive",
                         icon: "sym_o_check"
@@ -51,7 +51,7 @@ if (!props.context.onSubmit) {
                 }
             } else {
                 if (await model(module).add(v)) {
-                    Notify.create({
+                    quasar.notify({
                         message: "Added successfully",
                         color: "positive",
                         icon: "sym_o_check"

package/dist/runtime/pages/Role/index.vue

@@ -5,6 +5,7 @@ import { ref } from "vue"
 import { useI18n } from 'vue-i18n';
 const { t } = useI18n();
 const qua = useQuasar();
+const quasar = useQuasar();
 
 const loadData = async () => {
     return await q("listRole", ["name", "canDelete", "canUpdate", "children", {

package/dist/runtime/pages/System/mailtest.vue

@@ -1,20 +1,21 @@
 <script setup>
 import { m } from '../../'
-import { Notify } from "quasar"
+import { useQuasar } from "quasar"
+const quasar = useQuasar();
 
 const onSubmit = async (data) => {
     try {
         await m("mailTest", data)
 
 
-        Notify.create({
+        quasar.notify({
             message: "Email sent",
             color: "positive",
             icon: "check"
         });
 
     } catch (e) {
-        Notify.create({
+        quasar.notify({
             message: e.message,
             color: "negative",
             icon: "warning"

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

@@ -1,8 +1,9 @@
 <script setup>
 import { ref } from 'vue'
-import { Notify } from 'quasar'
+import { useQuasar } from 'quasar'
 import { reset } from "@formkit/core"
 import { q, m } from '#imports'
+const quasar = useQuasar()
 
 const { app } = await q({ app: { config: ["name", "value"] } })
 const obj = app.config.reduce((acc, cur) => {
@@ -47,7 +48,7 @@ const onSubmit = async (d, form) => {
 
     await m("updateAppConfigs", { data })
     //show success
-    Notify.create({
+    quasar.notify({
         message: "Settings updated",
         color: "positive",
         icon: "check"
@@ -83,11 +84,11 @@ const tab = ref('general')
                 </template>
                 <template #after>
                     <FormKit type="l-form" :bordered="false" :value="{
-                company: obj.company,
-                company_logo: obj.company_logo,
-                copyright_name: obj.copyright_name,
-                copyright_year: obj.copyright_year
-            }" v-if="tab == 'general'" @submit="onSubmit">
+                        company: obj.company,
+                        company_logo: obj.company_logo,
+                        copyright_name: obj.copyright_name,
+                        copyright_year: obj.copyright_year
+                    }" v-if="tab == 'general'" @submit="onSubmit">
                         <FormKit type="l-input" label="Company" name="company" validation="required"></FormKit>
                         <FormKit type="l-input" label="Company logo" name="company_logo"></FormKit>
 
@@ -97,16 +98,16 @@ const tab = ref('general')
                     </FormKit>
 
                     <FormKit type="l-form" :bordered="false" :value="{
-                password_contains_uppercase: obj.password_contains_uppercase,
-                password_contains_lowercase: obj.password_contains_lowercase,
-                password_contains_numeric: obj.password_contains_numeric,
-                password_contains_symbol: obj.password_contains_symbol,
-                password_min_length: obj.password_min_length,
-                two_factor_authentication: obj.two_factor_authentication,
-                auth_lockout_duration: obj.auth_lockout_duration,
-                auth_lockout_attempts: obj.auth_lockout_attempts,
-                access_token_expire: obj.access_token_expire,
-            }" v-if="tab == 'security'" @submit="onSubmit">
+                        password_contains_uppercase: obj.password_contains_uppercase,
+                        password_contains_lowercase: obj.password_contains_lowercase,
+                        password_contains_numeric: obj.password_contains_numeric,
+                        password_contains_symbol: obj.password_contains_symbol,
+                        password_min_length: obj.password_min_length,
+                        two_factor_authentication: obj.two_factor_authentication,
+                        auth_lockout_duration: obj.auth_lockout_duration,
+                        auth_lockout_attempts: obj.auth_lockout_attempts,
+                        access_token_expire: obj.access_token_expire,
+                    }" v-if="tab == 'security'" @submit="onSubmit">
                         <q-field label="Password policy" stack-label>
                             <FormKit type="l-checkbox" label="Upper Case" name="password_contains_uppercase"
                                 true-value="1" false-value="0" />
@@ -142,9 +143,9 @@ const tab = ref('general')
                     </FormKit>
 
                     <FormKit type="l-form" :bordered="false" :value="{
-                file_manager: obj.file_manager,
-                revision: obj.revision
-            }" v-if="tab == 'Modules'" @submit="onSubmit">
+                        file_manager: obj.file_manager,
+                        revision: obj.revision
+                    }" v-if="tab == 'Modules'" @submit="onSubmit">
                         <q-field label="File manager" stack-label>
                             <FormKit type="l-checkbox" label="Show" name="file_manager" true-value="1"
                                 false-value="0" />
@@ -157,14 +158,14 @@ const tab = ref('general')
                     </FormKit>
 
                     <FormKit type="l-form" :bordered="false" :value="{
-                mode: obj.mode,
+                        mode: obj.mode,
 
-            }" v-if="tab == 'Developer'" @submit="onSubmit">
+                    }" v-if="tab == 'Developer'" @submit="onSubmit">
                         <FormKit label="Mode" type="l-select" :options="[
-                { label: 'Production', value: 'prod' },
-                { label: 'Development', value: 'dev' },
+                            { label: 'Production', value: 'prod' },
+                            { label: 'Development', value: 'dev' },
 
-            ]" name="mode" validation="required">
+                        ]" name="mode" validation="required">
                         </FormKit>
                     </FormKit>
                 </template>

package/dist/runtime/pages/Translate/index.vue

@@ -1,8 +1,9 @@
 <script setup>
 import { ref, reactive } from 'vue';
 import { m, q } from '#imports'
-import { Notify } from 'quasar';
+import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
+const quasar = useQuasar();
 const { t } = useI18n();
 const app = await q("app", ["languages"])
 
@@ -29,7 +30,7 @@ const onSave = async () => {
         }
     })
 
-    Notify.create({
+    quasar.notify({
         message: "Save success",
         color: "positive",
         icon: "check"
@@ -69,7 +70,7 @@ const onUpdateTranslate = async (value, language, name) => {
         language: language,
         value: value
     })) {
-        Notify.create({
+        quasar.notify({
             message: "Update success",
             color: "positive",
             icon: "check"
@@ -83,7 +84,7 @@ const onDelete = async (name) => {
     if (await m("deleteTranslate", {
         name: name
     })) {
-        Notify.create({
+        quasar.notify({
             message: "Delete success",
             color: "positive",
             icon: "check"
@@ -104,7 +105,8 @@ const onDelete = async (name) => {
                         <template #body="props">
                             <q-tr :props="props">
                                 <q-td key="_delete" auto-width>
-                                    <q-btn dense flat round icon="sym_o_delete" @click="onDelete(props.row.name)"></q-btn>
+                                    <q-btn dense flat round icon="sym_o_delete"
+                                        @click="onDelete(props.row.name)"></q-btn>
                                 </q-td>
                                 <q-td key="name">
                                     {{ props.row.name }}

package/dist/runtime/pages/User/_user_id/change-password.vue

@@ -2,8 +2,9 @@
 import { useI18n } from 'vue-i18n'
 import { q, m } from '#imports'
 import { useRouter, useRoute } from "vue-router"
-import { Notify } from 'quasar';
+import { useQuasar } from 'quasar';
 import { computed } from 'vue'
+const quasar = useQuasar();
 const { t } = useI18n()
 
 const system = await q("system", ["passwordPolicy"]);
@@ -16,7 +17,7 @@ const onSubmit = async (data) => {
         id: parseInt(id),
         password: data.password
     }).then(() => {
-        Notify.create({
+        quasar.notify({
             message: "Password changed successfully",
             color: "positive",
             icon: "check"

package/dist/runtime/pages/User/_user_id/update-role.vue

@@ -1,9 +1,9 @@
 <script setup>
 import { reactive } from 'vue'
-import { Notify } from 'quasar';
+import { useQuasar } from 'quasar';
 import { useRouter } from "vue-router"
 import { getObject, q, m } from '../../../'
-
+const quasar = useQuasar();
 const router = useRouter();
 const obj = reactive(await getObject(["user_id", "roles"]));
 
@@ -26,7 +26,7 @@ const submit = async (data, form) => {
     })) {
         //show success message
 
-        Notify.create({
+        quasar.notify({
             message: 'Role updated',
             color: 'positive',
             icon: 'check',

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

@@ -1,8 +1,9 @@
 <script setup>
 import { useLight, model, q } from "#imports"
 import { ref } from "vue"
-import { Notify } from "quasar";
+import { useQuasar } from "quasar";
 const light = useLight()
+const quasar = useQuasar()
 
 const columns = [
     { name: "_delete", align: "center" },
@@ -16,7 +17,7 @@ const onSave = async (id, data) => {
     await model("MyFavorite").update(id, data);
 
     //show success message
-    Notify.create({
+    quasar.notify({
         message: "Updated successfully",
         color: "positive",
         icon: "check"

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

@@ -1,7 +1,8 @@
 <script setup>
 import { reactive, onMounted, nextTick } from "vue"
-import { Notify } from "quasar";
+import { useQuasar } from "quasar";
 import { q, m } from '#imports'
+const quasar = useQuasar();
 let { app, my } = await q({ app: ['googleClientId'], my: ["gmail"] })
 
 my = reactive(my);
@@ -13,7 +14,7 @@ const handleGoogleCredentialResponse = async (response) => {
         const resp = await q("my", ["gmail"]);
         my.gmail = resp.gmail;
 
-        Notify.create({
+        quasar.notify({
             message: "Google account linked",
             color: "positive",
             position: "top",
@@ -28,7 +29,7 @@ onMounted(() => {
 
     if (app.googleClientId) {
         if (!window.google) {
-            Notify.create({
+            quasar.notify({
                 message: "Google login is not available", //set script https://accounts.google.com/gsi/client in nuuxt.config.js
                 color: "negative",
                 icon: "sym_o_error",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.10.5",
+  "version": "1.10.7",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",