@hostlink/nuxt-light 0.0.3 → 0.0.5

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.3"
+  "version": "0.0.5"
 }

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, addComponentsDir, addPlugin } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addComponentsDir, addImportsDir, addPlugin } from '@nuxt/kit';
 import AutoImport from 'unplugin-auto-import/vite';
 
 const module = defineNuxtModule({
@@ -36,14 +36,14 @@ const module = defineNuxtModule({
             "useI18n"
           ]
         }
-      ],
-      dirs: [
-        resolver.resolve("./runtime/composables")
       ]
     }));
     addComponentsDir({
       path: resolver.resolve("./runtime/components")
     });
+    addImportsDir(resolver.resolve("./runtime/composables"), {
+      prepend: true
+    });
     addPlugin(resolver.resolve("./runtime/plugin"));
   }
 });

package/dist/runtime/components/l-add-btn.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { useRoute } from "vue-router"
+import { useI18n } from "vue-i18n"
 const i18n = useI18n()
 const route = useRoute();
 

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

@@ -1,6 +1,8 @@
 <script setup>
 import { useI18n } from 'vue-i18n';
-import packageJson from '../package.json'
+import { useLight, q, getCurrentUser } from '../light';
+import { ref, computed, reactive } from 'vue';
+
 
 const light = useLight();
 const props = defineProps({
@@ -195,7 +197,8 @@ const errors = computed(() => {
 
             <q-card v-for="error in errors" flat class="q-ma-md" bordered style="border-color: var(--q-negative)">
                 <q-card-section>
-                    <q-btn dense flat round icon="close" class="q-mr-sm" @click="light.removeError(error)"></q-btn>{{ error}}
+                    <q-btn dense flat round icon="close" class="q-mr-sm" @click="light.removeError(error)"></q-btn>{{
+                        error }}
                 </q-card-section>
             </q-card>
             <slot />
@@ -205,7 +208,7 @@ const errors = computed(() => {
         <q-footer class="bg-white text-grey" bordered>
             <q-item>
                 <q-item-section>
-                    {{ company }} {{ packageJson.version }} - Copyright 2023 HostLink(HK)
+                    {{ company }} 0.0.1 - Copyright 2023 HostLink(HK)
                 </q-item-section>
             </q-item>
         </q-footer>

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

@@ -1,4 +1,5 @@
 <script setup>
+import { q } from '../light';
 const system = await q("system", ['company', 'companyLogo', 'logged']);
 </script>
 <template>

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

@@ -1,4 +1,6 @@
 <script setup>
+import { ref } from "vue";
+import { q, f } from "../light";
 const props = defineProps(["permission"]);
 
 const granted = ref(false);

package/dist/runtime/components/l-date-picker.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { ref, computed } from "vue";
 const props = defineProps({
     modelValue: {
         type: [String, Object],

package/dist/runtime/components/l-file-manager-move.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { ref, computed, watch } from "vue";
+import { q, m } from "../light";
 const emit = defineEmits(["selected"]);
 const data = await q("fsListFolders", { path: "/" }, ["name", "path"]);
 const folders = ref(data);

package/dist/runtime/components/l-file-manager-preview.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { q } from "../light";
 const props = defineProps(["modelValue"]);
 
 const file = await q("fsFile", {

package/dist/runtime/components/l-file-manager.vue

@@ -1,8 +1,10 @@
 <script setup>
 import { VariableType } from "json-to-graphql-query";
 import { useI18n } from "vue-i18n";
-const quasar = useQuasar();
+import { ref } from 'vue';
+import { useQuasar } from 'quasar';
 
+const quasar = useQuasar();
 const emit = defineEmits(["input", "close"]);
 
 defineProps({
@@ -307,7 +309,7 @@ const onRenameRow = (row) => {
         title: "Error",
         message: e.message,
       });
-      
+
       return;
     }
 
@@ -485,7 +487,7 @@ const reloadStorage = async () => {
 
     <q-drawer side="right" show-if-above bordered>
 
-      <l-file-manager-preview v-model="preview" v-if="preview" :key="preview.path"/>
+      <l-file-manager-preview v-model="preview" v-if="preview" :key="preview.path" />
     </q-drawer>
 
     <q-page-container :style="{ height }">

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

@@ -1,4 +1,5 @@
 <script setup>
+import { ref, computed } from "vue";
 const props = defineProps({
     modelValue: {
         type: String

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

@@ -1,4 +1,7 @@
 <script setup>
+import { ref } from "vue";
+import { useRouter, useRoute } from "vue-router";
+
 const route = useRoute();
 const router = useRouter();
 const module = route.path.split("/")[1];

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

@@ -1,4 +1,5 @@
 <script setup>
+import { computed } from "vue";
 
 const props = defineProps({
     modelValue: {

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

@@ -1,5 +1,7 @@
 <script setup>
-
+import { ref, reactive } from 'vue'
+import { useQuasar } from 'quasar';
+import { login, m } from '../light';
 defineProps({
   company: String,
   companyLogo: String

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

@@ -1,4 +1,5 @@
 <script setup>
+import { useRouter, useRoute } from "vue-router"
 const router = useRouter();
 const route = useRoute();
 
@@ -61,7 +62,7 @@ if (props.deleteBtn) {
     showDeleteBtn = true
 }
 
-if(props.addBtn){
+if (props.addBtn) {
     showToolbar = true
     showAddBtn = true
 }

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

@@ -1,7 +1,5 @@
 <script setup>
-import { isNumber } from 'element-plus/es/utils';
-
-
+import { computed, ref } from "vue";
 const props = defineProps({
 
     rules: {

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

@@ -1,11 +1,12 @@
 <script setup>
 import { useQuasar } from 'quasar';
+import { useRoute } from 'vue-router';
+import { ref, computed, onMounted } from "vue";
+
 const route = useRoute();
 const module = route.path.split("/")[1];
 const errors = ref([]);
 
-
-
 const props = defineProps({
     columns: {
         type: Array,

package/dist/runtime/components/l-time-picker.vue

@@ -1,11 +1,12 @@
 <script setup>
+import { computed, ref } from "vue";
 const props = defineProps(["modelValue"]);
 const emit = defineEmits(["update:modelValue"]);
 const popup = ref(null);
 const localValue = computed({
     get: () => props.modelValue,
     set: (value) => {
-      //  popup.value.hide();
+        //  popup.value.hide();
         emit('update:modelValue', value)
     }
 

package/dist/runtime/composables/addObject.mjs

@@ -1,3 +1,4 @@
+import m from "./m.mjs";
 export default async (name, data) => {
   let resp = await m(`add${name}`, {
     data

package/dist/runtime/composables/getCurrentUser.mjs

@@ -1,3 +1,4 @@
+import q from "./q.mjs";
 export default async () => {
   try {
     return await q("my", ["first_name", "last_name", "roles"]);

package/dist/runtime/composables/getObject.mjs

@@ -1,3 +1,5 @@
+import { useRoute } from "vue-router";
+import listData from "./listData.mjs";
 export default async function(fields = []) {
   let route = useRoute();
   if (!route.name) {

package/dist/runtime/composables/id.mjs

@@ -1,3 +1,4 @@
+import { useRoute } from "vue-router";
 const route = useRoute();
 export default () => {
   let route2 = useRoute();

package/dist/runtime/composables/list.mjs

@@ -1,3 +1,5 @@
+import q from "./q.mjs";
+import f from "./f.mjs";
 export default async function listData(name, props = {}, fields = []) {
   let v = {};
   if (props.sort) {

package/dist/runtime/composables/listData.mjs

@@ -1,3 +1,5 @@
+import q from "./q.mjs";
+import f from "./f.mjs";
 export default async function listData(name, props = {}, fields = []) {
   let v = {};
   if (props.sort) {

package/dist/runtime/composables/login.mjs

@@ -1,17 +1,8 @@
-import mutation from "./mutation.mjs";
+import m from "./m.mjs";
 export default async (username, password) => {
-  await mutation({
-    operation: "login",
-    variables: {
-      username: {
-        value: username,
-        required: true
-      },
-      password: {
-        value: password,
-        required: true
-      }
-    }
+  await m("login", {
+    username,
+    password
   });
   return true;
 };

package/dist/runtime/composables/q.mjs

@@ -1,4 +1,5 @@
 import axios from "axios";
+import f from "./f.mjs";
 export default async function(operation, args, fields = []) {
   if (arguments.length === 2) {
     fields = args;

package/dist/runtime/composables/removeObject.mjs

@@ -1,9 +1,9 @@
 import { useQuasar } from "quasar";
+import m from "./m.mjs";
 const qua = useQuasar();
 export default async function removeObject(name, id) {
   let { data } = await m(`remove${name}`, { id });
   let result = data[`remove${name}`];
-  console.log(result);
   if (result.errors) {
     qua.dialog({
       title: "Error",

package/dist/runtime/composables/updateObject.mjs

@@ -1,3 +1,4 @@
+import m from "./m.mjs";
 export default async (name, id, data) => {
   let resp = await m(`update${name}`, {
     id,

package/dist/runtime/light.d.ts

@@ -0,0 +1,12 @@
+interface Light {
+    addError: (error: String) => void;
+    getErrors: () => String[];
+    removeError: (error: String) => void;
+}
+export declare function useLight(): Light;
+import q from "./composables/q";
+import m from "./composables/m";
+import f from "./composables/f";
+import getCurrentUser from "./composables/getCurrentUser";
+import login from "./composables/login";
+export { q, getCurrentUser, login, m, f };

package/dist/runtime/{composables/useLight.mjs → light.mjs}

@@ -15,3 +15,9 @@ export function useLight() {
     }
   };
 }
+import q from "./composables/q.mjs";
+import m from "./composables/m.mjs";
+import f from "./composables/f.mjs";
+import getCurrentUser from "./composables/getCurrentUser.mjs";
+import login from "./composables/login.mjs";
+export { q, getCurrentUser, login, m, f };

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

@@ -5,7 +5,7 @@ const my = await q("my", ["username", "first_name", "last_name", "email", "phone
 <template>
     <l-page title="User profile">
         <template #header>
-            <q-btn rounded icon="sym_o_key" to="update-password" outline color="primary">Update password</q-btn>
+            <q-btn rounded icon="sym_o_key" to="update-password" outline color="primary" label="Update password"></q-btn>
         </template>
         <l-card>
             <l-list>

package/dist/runtime/plugin.mjs

@@ -2,6 +2,7 @@ import { Quasar, Dialog, Notify, Loading } from "quasar";
 import ElementPlus from "element-plus";
 import { createI18n } from "vue-i18n";
 import { defineNuxtPlugin } from "#app";
+import { useRouter } from "vue-router";
 import "./assets/main.css";
 import "./assets/element.css";
 import zhTW from "element-plus/es/locale/lang/zh-tw";
@@ -10,7 +11,7 @@ import message_en from "./locales/en.json";
 import message_zh from "./locales/zh-hk.json";
 import routes from "./routes.mjs";
 localStorage.getItem("locale") || localStorage.setItem("locale", "en");
-import { useLight } from "./composables/useLight.mjs";
+import { useLight } from "./light.mjs";
 export default defineNuxtPlugin((nuxtApp) => {
   let locale = localStorage.getItem("locale") || "en";
   nuxtApp.vueApp.config.errorHandler = (error) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "My new Nuxt module",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",

package/dist/runtime/composables/useLight.d.ts

@@ -1,7 +0,0 @@
-interface Light {
-    addError: (error: String) => void;
-    getErrors: () => String[];
-    removeError: (error: String) => void;
-}
-export declare function useLight(): Light;
-export {};