@mythpe/quasar-app-extension-qui 0.0.6-dev → 0.0.7-dev

package/index.js

@@ -0,0 +1,3 @@
+export * from './src/utils/vue-plugin'
+import * as Plugin from './src/utils/vue-plugin'
+export default Plugin

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@mythpe/quasar-app-extension-qui",
-  "version": "0.0.6-dev",
+  "version": "0.0.7-dev",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": "MyTh Ahmed Faiz <mythpe@gmail.com>",
   "email": "mythpe@gmail.com",
   "mobile": "+966590470092",
   "license": "MIT",
   "type": "module",
-  "module": "src/index.js",
-  "main": "src/index.js",
+  "module": "index.js",
+  "main": "index.js",
   "scripts": {
     "lint": "eslint --ext .js,.ts,.vue ./",
     "lint:fix": "eslint --ext .js,.ts,.vue ./ --fix",
@@ -18,13 +18,13 @@
   },
   "dependencies": {
     "typed.js": "^2.1.0",
+    "lodash": "^4.17.21",
     "vee-validate": "^4.14.0",
     "@vee-validate/i18n": "^4.14.0",
     "@vee-validate/rules": "^4.14.0",
     "vue-i18n": "^10.0.0"
   },
   "devDependencies": {
-    "lodash": "^4.17.21",
     "@quasar/app-webpack": "^3.13.0",
     "@quasar/extras": "^1.16.4",
     "@rollup/plugin-buble": "^0.21.3",

package/src/utils/myth.ts

@@ -0,0 +1,30 @@
+import { ref } from 'vue'
+import type { QBtnProps } from 'quasar'
+import { extend } from 'quasar'
+import type { MythContext, UiOptionsContext } from '../types'
+
+const defGutters = 'md'
+const defaultOptions: UiOptionsContext = {
+  style: {
+    gutters: defGutters
+  }
+}
+const optionsRef = ref<UiOptionsContext>({ ...defaultOptions })
+
+export const myth : MythContext = {
+  options: optionsRef,
+  setOptions (values: Partial<UiOptionsContext>) {
+    optionsRef.value = extend(!0, defaultOptions, values)
+  },
+  withOptions (values: Partial<UiOptionsContext>) {
+    optionsRef.value = extend(!0, defaultOptions, optionsRef.value, values)
+  },
+  withBtnOptions (values: Partial<QBtnProps>) {
+    this.withOptions({
+      btn: {
+        props: values
+      }
+    })
+  }
+}
+export default myth

package/src/utils/{vue-plugin.js → vue-plugin.ts}

@@ -1,5 +1,6 @@
-import js from '../../package.json'
-import myth from './myth.js'
+import type { App } from 'vue'
+import { name, version } from '../../package.json'
+import { myth } from './myth'
 import MBtn from '../components/form/MBtn.vue'
 import MBlock from '../components/grid/MBlock.vue'
 import MCol from '../components/grid/MCol.vue'
@@ -9,10 +10,7 @@ import MHelpRow from '../components/grid/MHelpRow.vue'
 import MRow from '../components/grid/MRow.vue'
 import MTypingString from '../components/typography/MTypingString.vue'
 
-const name = js.name
-const version = js.version
-
-function install (app, options = {}) {
+function install (app: App, options = {}) {
   myth.withOptions(options)
 
   // Form.
@@ -30,11 +28,16 @@ function install (app, options = {}) {
   app.component('MTypingString', MTypingString)
 }
 
-export const e = {
+export {
   name,
   version,
   install,
   myth
 }
 
-export default e
+export default {
+  name,
+  version,
+  install,
+  myth
+}

package/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
-    "baseUrl": "./src",
-    "rootDir": "./src",
+    "baseUrl": ".",
+    "rootDir": ".",
     "outDir": "dist",
     "esModuleInterop": true,
     "skipLibCheck": true,

package/src/utils/myth.js

@@ -1,28 +0,0 @@
-import { ref } from 'vue'
-import { extend } from 'quasar'
-
-const defGutters = 'md'
-const defaultOptions = {
-  style: {
-    gutters: defGutters
-  }
-}
-const optionsRef = ref({ ...defaultOptions })
-
-export const myth = {
-  options: optionsRef,
-  setOptions (values) {
-    optionsRef.value = extend(!0, defaultOptions, values)
-  },
-  withOptions (values) {
-    optionsRef.value = extend(!0, defaultOptions, optionsRef.value, values)
-  },
-  withBtnOptions (values) {
-    this.withOptions({
-      btn: {
-        props: values
-      }
-    })
-  }
-}
-export default myth