@hostlink/nuxt-light 0.0.53 → 0.0.55

package/README.md

@@ -2,57 +2,57 @@
 Get your module up and running quickly.
 
 Find and replace all on all files (CMD+SHIFT+F):
-- Name: My Module
-- Package name: my-module
+- Name: nuxt-light
+- Package name: nuxt-light
 - Description: My new Nuxt module
 -->
 
-# My Module
+# nuxt-light
 
 [![npm version][npm-version-src]][npm-version-href]
 [![npm downloads][npm-downloads-src]][npm-downloads-href]
 [![License][license-src]][license-href]
 [![Nuxt][nuxt-src]][nuxt-href]
 
-My new Nuxt module for doing amazing things.
+This is a Hostlink nuxt-light framework for Nuxt.
 
 - [✨  Release Notes](/CHANGELOG.md)
-<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/my-module?file=playground%2Fapp.vue) -->
+<!-- - [🏀 Online playground](https://stackblitz.com/github/your-org/nuxt-light?file=playground%2Fapp.vue) -->
 <!-- - [📖 &nbsp;Documentation](https://example.com) -->
 
 ## Features
 
 <!-- Highlight some of the features your module provide here -->
-- ⛰ &nbsp;Foo
-- 🚠 &nbsp;Bar
-- 🌲 &nbsp;Baz
+- HostLink nuxt-light framework
 
 ## Quick Setup
 
-1. Add `my-module` dependency to your project
+1. Add `nuxt-light` dependency to your project
 
 ```bash
-# Using pnpm
-pnpm add -D my-module
-
-# Using yarn
-yarn add --dev my-module
-
 # Using npm
-npm install --save-dev my-module
+npm install --save-dev nuxt-light
 ```
 
-2. Add `my-module` to the `modules` section of `nuxt.config.ts`
+2. Add `@hostlink/nuxt-light` to the `modules` section of `nuxt.config.ts`
 
 ```js
+import pkg from './package.json'
 export default defineNuxtConfig({
+  runtimeConfig: {
+    public: {
+      //apiBase: 'your-api-base-url'
+      appVersion: pkg.version
+    }
+  },
+  ssr:false,
   modules: [
-    'my-module'
+    '@hostlink/nuxt-light'
   ]
 })
 ```
 
-That's it! You can now use My Module in your Nuxt app ✨
+That's it! You can now use nuxt-light in your Nuxt app ✨
 
 ## Development
 
@@ -81,14 +81,14 @@ npm run release
 ```
 
 <!-- Badges -->
-[npm-version-src]: https://img.shields.io/npm/v/my-module/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-version-href]: https://npmjs.com/package/my-module
+[npm-version-src]: https://img.shields.io/npm/v/@hostlink/nuxt-light/latest.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-version-href]: https://npmjs.com/package/@hostlink/nuxt-light
 
-[npm-downloads-src]: https://img.shields.io/npm/dm/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
-[npm-downloads-href]: https://npmjs.com/package/my-module
+[npm-downloads-src]: https://img.shields.io/npm/dm/@hostlink/nuxt-light.svg?style=flat&colorA=18181B&colorB=28CF8D
+[npm-downloads-href]: https://npmjs.com/package/@hostlink/nuxt-light
 
-[license-src]: https://img.shields.io/npm/l/my-module.svg?style=flat&colorA=18181B&colorB=28CF8D
-[license-href]: https://npmjs.com/package/my-module
+[license-src]: https://img.shields.io/npm/l/@hostlink/nuxt-light.svg?style=flat&colorA=18181B&colorB=28CF8D
+[license-href]: https://npmjs.com/package/@hostlink/nuxt-light
 
 [nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js
 [nuxt-href]: https://nuxt.com

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.53"
+  "version": "0.0.55"
 }

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

@@ -3,6 +3,13 @@ import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
 import { useLight, q, getCurrentUser, m, f } from '../';
 import { ref, computed, reactive, provide, watch } from 'vue';
+import { useRuntimeConfig } from 'nuxt/app';
+
+
+const config = useRuntimeConfig();
+
+const appVersion = config.public.appVersion ?? '0.0.1';
+
 
 const quasar = useQuasar();
 quasar.dark.set(false);
@@ -15,11 +22,10 @@ const props = defineProps({
 });
 
 const tt = await q({
-    app: ["menus", "viewAsMode", "languages"],
+    app: ["menus", "viewAsMode", "languages", { i18nMessages: ["name", "value"] }],
     my: ["styles", "language", f('granted_storage:granted', { right: "system.storage" }, [])],
 })
 
-const allTranslate = ref(await q("allTranslate", []))
 
 let app = tt.app
 let my = tt.my
@@ -35,15 +41,14 @@ const menus = ref(app.menus)
 const i18n = useI18n();
 i18n.locale = my.language || 'en';
 
-const messages = i18n.messages.value[i18n.locale];
+let messages = i18n.messages.value[i18n.locale];
 
-for (const translate of allTranslate.value) {
-    messages[translate.name] = translate[my.language]
+for (let t of app.i18nMessages) {
+    messages[t.name] = t.value;
 }
 
 i18n.setLocaleMessage(i18n.locale, messages);
 
-
 const user = ref(await getCurrentUser());
 
 const leftDrawerOpen = ref(false)
@@ -338,7 +343,7 @@ const storageUsagePercent = computed(() => {
         <q-footer class="bg-white text-grey" bordered>
             <q-item>
                 <q-item-section>
-                    {{ company }} {{ light.getVersion() }} - Copyright 2023 HostLink(HK)
+                    {{ company }} {{ appVersion }} - Copyright 2023 HostLink(HK). Build {{ light.getVersion() }}
                 </q-item-section>
             </q-item>
         </q-footer>

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

@@ -20,7 +20,7 @@ if (typeof props.value === "number") {
 
 </script>
 <template>
-    <div>
+    <div class="q-pa-sm">
         <div class="row">
             {{ title }}
         </div>

package/dist/runtime/lib/m.mjs

@@ -1,9 +1,7 @@
 import axios from "axios";
 import { jsonToGraphQLQuery } from "json-to-graphql-query";
-import { useRuntimeConfig } from "nuxt/app";
 import { getApiBase } from "./index.mjs";
 export default async function(operation, args, fields = []) {
-  const config = useRuntimeConfig();
   const mutation = {
     mutation: {}
   };

package/dist/runtime/lib/q.mjs

@@ -1,7 +1,6 @@
 import axios from "axios";
 import f from "./f.mjs";
 import { jsonToGraphQLQuery } from "json-to-graphql-query";
-import { useRuntimeConfig } from "nuxt/app";
 import { getApiBase } from "./index.mjs";
 const mapping = function(obj) {
   let q = {};
@@ -9,7 +8,13 @@ const mapping = function(obj) {
     if (value instanceof Array) {
       q[key] = {};
       value.forEach((subField) => {
-        q[key][subField] = true;
+        if (subField instanceof Object) {
+          Object.entries(mapping(subField)).forEach(([subKey, subValue]) => {
+            q[key][subKey] = subValue;
+          });
+        } else {
+          q[key][subField] = true;
+        }
       });
     } else {
       q[key] = mapping(value);
@@ -18,7 +23,6 @@ const mapping = function(obj) {
   return q;
 };
 export default async function(operation, args, fields = []) {
-  const config = useRuntimeConfig();
   const service = axios.create({
     withCredentials: true
   });

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

@@ -26,6 +26,13 @@ const onSave = async () => {
 
         }
     })
+
+    Notify.create({
+        message: "Save success",
+        color: "positive",
+        icon: "check"
+    })
+
     //reload
     all.value = await q("allTranslate", [])
 }
@@ -40,7 +47,8 @@ const columns = [
         label: "Name",
         name: "name",
         field: "name",
-        align: "left"
+        align: "left",
+        sortable: true,
     }];
 
 for (const language of app.languages) {

package/package.json

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