@d-mok/quasar-app-extension-quasar-axe 2.0.8 → 2.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@d-mok/quasar-app-extension-quasar-axe",
-    "version": "2.0.8",
+    "version": "2.0.9",
     "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/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 = {

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

@@ -26,10 +26,7 @@
     </q-item>
 </template>
 
-<script
-    lang="ts"
-    setup
->
+<script lang="ts" setup>
 defineProps<{
     title: string
     caption?: string

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'