@d-mok/quasar-app-extension-quasar-axe 2.0.7 → 2.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@d-mok/quasar-app-extension-quasar-axe",
-    "version": "2.0.7",
+    "version": "2.0.10",
     "description": "A Quasar App Extension",
     "author": "d-mok <49301824+d-mok@users.noreply.github.com>",
     "license": "MIT",

package/src/templates/src/boot/axe/Interceptor.ts

@@ -1,7 +1,7 @@
 import { boot } from 'quasar/wrappers'
 import { LoadingBar } from 'quasar'
 
-console.log("[QuasarAxe] Run Boot Interceptor")
+console.log('[QuasarAxe] Run Boot Interceptor')
 
 declare global {
     interface XMLHttpRequest {
@@ -61,34 +61,26 @@ export function setFetchInterceptor(
     }
 }
 
-
-
-
 function isLogRocket(request: XMLHttpRequest): boolean {
     return request._url.startsWith('https://r.lr-ingest.io')
 }
 
 setAjaxInterceptor(
-    (request) => {
+    request => {
         if (!isLogRocket(request)) {
             LoadingBar.start()
         }
     },
-    (request) => {
+    request => {
         if (!isLogRocket(request)) {
             LoadingBar.stop()
         }
-    },
+    }
 )
 
 setFetchInterceptor(
     () => LoadingBar.start(),
-    () => LoadingBar.stop(),
+    () => LoadingBar.stop()
 )
 
-
-export default boot(({ app, router }) => {
-
-
-})
-
+export default boot(({ app, router }) => {})

package/src/templates/src/boot/axe/components/QxBtn.vue

@@ -0,0 +1,19 @@
+<template>
+    <q-btn v-bind="$attrs">
+        <q-tooltip
+            class="text-body1"
+            v-if="tooltip"
+            :delay="150"
+            >{{ tooltip }}</q-tooltip
+        >
+    </q-btn>
+</template>
+
+<script lang="ts" setup>
+const props = withDefaults(
+    defineProps<{
+        tooltip?: string
+    }>(),
+    {}
+)
+</script>

package/src/templates/src/boot/axe/components/QxFloatBtn.vue

@@ -23,10 +23,7 @@
     </q-page-sticky>
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 type action = {
     color: string
     icon: string

package/src/templates/src/boot/axe/components/QxImg.vue

@@ -7,10 +7,7 @@
     />
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 const props = defineProps<{
     src: string | undefined
     bordered?: boolean

package/src/templates/src/boot/axe/components/QxLayout.vue

@@ -81,10 +81,7 @@
     </q-layout>
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 import { ref } from 'vue'
 
 type item = {
@@ -94,26 +91,27 @@ type item = {
     link: string
 }
 
-interface Props {
-    title: string
-    appendix?: string
-    onClickAppendix?: () => void
-    items: item[]
-    width?: string
-    showDrawer?: boolean
-    view?: string
-    noHeader?: boolean
-    onSignOut?: () => void
-    account?: string
-}
-
-const props = withDefaults(defineProps<Props>(), {
-    appendix: '',
-    width: '1200px',
-    showDrawer: false,
-    view: 'hHh LpR fFf',
-    noHeader: false,
-})
+const props = withDefaults(
+    defineProps<{
+        title: string
+        appendix?: string
+        onClickAppendix?: () => void
+        items: item[]
+        width?: string
+        showDrawer?: boolean
+        view?: string
+        noHeader?: boolean
+        onSignOut?: () => void
+        account?: string
+    }>(),
+    {
+        appendix: '',
+        width: '1200px',
+        showDrawer: false,
+        view: 'hHh LpR fFf',
+        noHeader: false,
+    }
+)
 
 let open = ref(false)
 </script>

package/src/templates/src/boot/axe/components/QxMenuItem.vue

@@ -26,26 +26,11 @@
     </q-item>
 </template>
 
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-    props: {
-        title: {
-            type: String,
-            required: true,
-        },
-        caption: {
-            type: String,
-            default: '',
-        },
-        link: {
-            type: String,
-        },
-        icon: {
-            type: String,
-            default: '',
-        },
-    },
-})
+<script lang="ts" setup>
+defineProps<{
+    title: string
+    caption?: string
+    link: string
+    icon?: string
+}>()
 </script>

package/src/templates/src/boot/axe/components/QxPlate.vue

@@ -17,10 +17,7 @@
     </div>
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 import { computed } from 'vue'
 
 interface Props {

package/src/templates/src/boot/axe/components/QxSelect.vue

@@ -7,10 +7,7 @@
     />
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 import { watch } from 'vue'
 import { useVModel } from '@vueuse/core'
 import _ from 'lodash'
@@ -23,7 +20,7 @@ const props = withDefaults(
         ticker?: number
     }>(),
     {
-        optionLabel: $ => String($),
+        optionLabel: ($: any) => String($),
         ticker: 0,
     }
 )

package/src/templates/src/boot/axe/components/QxSignoutBtn.vue

@@ -6,10 +6,7 @@
     />
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 import { supabase } from '../../../utils'
 
 function signOut() {

package/src/templates/src/boot/axe/components/QxSortable.vue

@@ -30,10 +30,7 @@
     </q-markup-table>
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 import draggable from 'vuedraggable'
 
 const props = defineProps<{

package/src/templates/src/boot/axe/components/QxWidget.vue

@@ -8,7 +8,12 @@
         <q-card flat>
             <q-card-section>
                 <div class="row items-center">
-                    <div class="text-h5 text-weight-bold">{{ title }}</div>
+                    <div
+                        v-if="title"
+                        class="text-h5 text-weight-bold"
+                    >
+                        {{ title }}
+                    </div>
                     <q-space />
                     <div v-if="!(noClose ?? false)">
                         <q-btn
@@ -25,17 +30,14 @@
     </q-drawer>
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 import { computed } from 'vue'
 
 const props = defineProps<{
     name?: string
-    modelValue: string | boolean
+    modelValue?: string | boolean
     width?: number
-    title: string
+    title?: string
     side?: 'right' | 'left'
     noClose?: boolean
 }>()
@@ -45,11 +47,16 @@ const emit = defineEmits(['update:model-value'])
 function onClose() {
     if (typeof props.modelValue === 'string') emit('update:model-value', '')
     if (typeof props.modelValue === 'boolean') emit('update:model-value', false)
+    if (props.modelValue === undefined) emit('update:model-value', false)
 }
 
 let on = computed(() => {
+    // if undefined, default true
+    if (props.modelValue === undefined) return true
+    // if is string, check if is my name
     if (typeof props.modelValue === 'string')
         return props.modelValue === (props.name ?? 'xxx')
+    // if is boolean, return it
     if (typeof props.modelValue === 'boolean') return props.modelValue
 })
 </script>

package/src/templates/src/utils/dialog/custom/dialogBtn.vue

@@ -32,10 +32,7 @@
     </q-dialog>
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 import { useDialogPluginComponent } from 'quasar'
 
 defineEmits([...useDialogPluginComponent.emits])

package/src/templates/src/utils/dialog/custom/dialogForm.vue

@@ -59,10 +59,7 @@
     </q-dialog>
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 import { useDialogPluginComponent } from 'quasar'
 import { ref } from 'vue'
 import { toSchema, isMatchSchema, clone } from './schema'
@@ -116,6 +113,9 @@ function getType(field: string): string {
 }
 
 function valid() {
-    return props.validator(dummy.value) === true && isMatchSchema(dummy.value, schema)
+    return (
+        props.validator(dummy.value) === true &&
+        isMatchSchema(dummy.value, schema)
+    )
 }
 </script>

package/src/templates/src/utils/dialog/custom/dialogTable.vue

@@ -47,10 +47,7 @@
     </q-dialog>
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 import handson from './handson.vue'
 import { useDialogPluginComponent } from 'quasar'
 import { ref } from 'vue'

package/src/templates/src/utils/dialog/custom/dialogTextarea.vue

@@ -33,10 +33,7 @@
     </q-dialog>
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 import { useDialogPluginComponent } from 'quasar'
 import { ref } from 'vue'
 

package/src/templates/src/utils/dialog/custom/handson.vue

@@ -24,10 +24,7 @@
     ></hot-table>
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 import { ref } from 'vue'
 import { HotTable } from '@handsontable/vue3'
 import { registerAllModules } from 'handsontable/registry'