@simsustech/quasar-components 0.7.1 → 0.8.1

package/src/ui/form/lang/en-US.ts

@@ -36,6 +36,7 @@ const lang: Language = {
     }
   },
   datePicker: {
+    date: 'Date',
     placeholder: 'YYYY/MM/DD',
     YYYY: 'YYYY',
     MM: 'MM',
@@ -43,6 +44,14 @@ const lang: Language = {
     validations: {
       unavailableRange: 'The selected period contains unavailable dates.'
     }
+  },
+  currency: {
+    currency: 'Currency',
+    EUR: 'Euro',
+    USD: 'USD'
+  },
+  locale: {
+    locale: 'Locale'
   }
 }
 

package/src/ui/form/lang/index.ts

@@ -34,6 +34,7 @@ export interface Language {
     }
   }
   datePicker: {
+    date: string
     placeholder: string
     YYYY: string
     MM: string
@@ -42,11 +43,19 @@ export interface Language {
       unavailableRange: string
     }
   }
+  currency: {
+    currency: string
+    EUR: string
+    USD: string
+  }
+  locale: {
+    locale: string
+  }
 }
 
 import type { Ref } from 'vue'
 import { ref } from 'vue'
-import en from './en-US'
+import en from './en-US.js'
 export const lang = ref(en)
 
 const locales = import.meta.glob<{ default: Language }>([

package/src/ui/form/lang/nl.ts

@@ -36,6 +36,7 @@ const lang: Language = {
     }
   },
   datePicker: {
+    date: 'Datum',
     placeholder: 'JJJJ/MM/DD',
     YYYY: 'JJJJ',
     MM: 'MM',
@@ -43,6 +44,14 @@ const lang: Language = {
     validations: {
       unavailableRange: 'De geselecteerde periode bevat ongeschikbare datums.'
     }
+  },
+  currency: {
+    currency: 'Valuta',
+    EUR: 'Euro',
+    USD: 'USD'
+  },
+  locale: {
+    locale: 'Land'
   }
 }
 

package/src/ui/general/QLanguageSelect.vue

@@ -42,7 +42,7 @@ import { nl, enUs } from '../flags/index.js'
 
 export interface Props {
   modelValue: string
-  languageImports: Record<string, () => Promise<QuasarLanguage>>
+  languageImports: Record<string, () => Promise<{ default: QuasarLanguage }>>
 }
 const props = defineProps<Props>()
 const $q = useQuasar()
@@ -75,7 +75,6 @@ watch(modelValue, (langIso: string) => {
     props.languageImports[langIso]().then(
       // langList[`../../../node_modules/quasar/lang/${langIso}.mjs`]().then(
       (lang) => {
-        // @ts-ignore
         $q.lang.set(lang.default)
       }
     )

package/src/ui/general/ResourcePage.vue

@@ -8,6 +8,7 @@
         class="shadow-2"
         :class="{ 'bg-dark': $q.dark.isActive, 'bg-white': !$q.dark.isActive }"
       >
+        <slot name="fab" />
         <q-btn
           v-if="type === 'create'"
           :disable="disabled"
@@ -21,7 +22,7 @@
           @click="create"
         />
         <q-btn
-          v-else
+          v-else-if="type === 'update'"
           :disable="disabled"
           flat
           style="margin-bottom: -50px; z-index: 5"
@@ -32,10 +33,10 @@
           class="q-mr-sm bg-primary text-white"
           @click="update"
         />
-        <q-toolbar-title shrink>
+        <q-toolbar-title>
           <slot name="header" />
         </q-toolbar-title>
-        <q-space />
+        <slot name="header-side" />
       </q-toolbar>
     </q-page-sticky>
   </q-page>
@@ -48,7 +49,7 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { ref, toRefs, watch } from 'vue'
+import { ref, toRefs, watch, useSlots } from 'vue'
 import { useQuasar } from 'quasar'
 import { useLang, loadLang } from './lang'
 
@@ -56,13 +57,9 @@ export interface Props {
   type?: 'create' | 'update'
   disabled?: boolean
 }
-// const props = defineProps<Props>()
-const props = withDefaults(defineProps<Props>(), {
-  type: 'create',
-  disabled: false
-})
+const slots = useSlots()
+const props = defineProps<Props>()
 
-// const attrs = useAttrs();
 const emit = defineEmits<{
   (
     e: 'create',
@@ -92,7 +89,9 @@ watch($q.lang, (val) => {
   loadLang($q.lang.isoName)
 })
 
-const { disabled } = toRefs(props)
+const { type, disabled } = toRefs(props)
+
+if (!type.value && !slots.fab) type.value = 'create'
 
 const done = () => ''
 const create = (evt: unknown) =>

package/src/ui/icons/index.ts

@@ -1,3 +1,3 @@
-// @ts-nocheck
+// @ts-expect-error vite only
 import microsoft from 'microsoft.icon'
 export { microsoft }

package/.eslintignore

@@ -1,2 +0,0 @@
-.eslintrc.cjs
-node_modules/

package/.eslintrc.cjs

@@ -1,19 +0,0 @@
-module.exports = {
-  ignorePatterns: ['.eslintrc.cjs'],
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:vue/vue3-recommended',
-    'plugin:prettier-vue/recommended'
-  ],
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    parser: '@typescript-eslint/parser',
-    sourceType: 'module'
-  },
-  rules: {
-    '@typescript-eslint/ban-ts-comment': 0
-  },
-  plugins: ['@typescript-eslint'],
-  root: true
-}