@hostlink/nuxt-light 1.22.0 → 1.22.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.22.0",
+  "version": "1.22.1",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

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

@@ -61,6 +61,8 @@ let my = reactive(tt.my)
 
 const light = useLight();
 
+light.devMode = tt.system.devMode;
+
 light.init(my.styles);
 
 //set permission
@@ -281,15 +283,6 @@ const onLogout = async () => {
     emits('logout');
 }
 
-watch(light.errors, (value) => {
-    if (value.length > 0) {
-        //if errors
-        for (let error of value) {
-            console.log(error.message);
-        }
-    }
-})
-
 </script>
 
 
@@ -432,7 +425,7 @@ watch(light.errors, (value) => {
 
         <q-page-container :class="containerClass" :style="containerStyle"> <!-- Error message -->
             <slot name="header"></slot>
-            <div class="q-gutter-sm q-pa-sm" v-if="$light.errors.length > 0">
+            <div class="q-gutter-sm q-pa-sm" v-if="system.devMode && $light.errors.length > 0">
                 <q-banner dense inline-actions class="bg-grey-4" v-for=" error in $light.errors " rounded>
                     {{ error }}
                     <template v-slot:action>

package/dist/runtime/light.d.ts

@@ -15,6 +15,7 @@ export interface User {
     language?: string;
 }
 declare const light: {
+    devMode: boolean;
     styles: any;
     version: string;
     errors: Array<Error>;
@@ -618,6 +619,7 @@ export declare const createLight: (opts: any) => {
     install: (app: App) => void;
 };
 export declare const useLight: () => {
+    devMode: boolean;
     styles: any;
     version: string;
     errors: Array<Error>;

package/dist/runtime/light.js

@@ -1,6 +1,6 @@
 import { useQuasar } from "quasar";
 import packageJson from "../../package.json";
-import { watch, reactive } from "vue";
+import { watch, reactive, getCurrentInstance } from "vue";
 import { m, q } from "./lib/index.js";
 const COLOR_CODE = {
   red: "#f44336",
@@ -32,6 +32,7 @@ const COLOR_CODE = {
   dark: "#4b4b4b"
 };
 const light = reactive({
+  devMode: false,
   styles: {
     table: {
       dense: true,
@@ -271,6 +272,8 @@ export const createLight = (opts) => {
 };
 let currentRoute = null;
 export const useLight = () => {
-  light.$q = useQuasar();
+  if (getCurrentInstance()) {
+    light.$q = useQuasar();
+  }
   return light;
 };

package/dist/runtime/plugin.js

@@ -32,8 +32,10 @@ export default defineNuxtPlugin((nuxtApp) => {
   api.model("SystemValue").setDataPath("app.listSystemValue");
   api.model("Permission").setDataPath("app.listPermission");
   nuxtApp.vueApp.config.errorHandler = (err, instance, info) => {
-    console.log(err);
     const light = useLight();
+    if (light.devMode) {
+      console.log(err);
+    }
     if (err instanceof Error) {
       light.addError(err);
     } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.22.0",
+  "version": "1.22.1",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",