@mythpe/quasar-app-extension-qui 0.0.1

package/README.md

@@ -0,0 +1,35 @@
+# Quasar App Extension @mythpe/qui
+
+> Add a short description of your App Extension. What does it do? How is it beneficial? Why would someone want to use it?
+
+[![npm](https://img.shields.io/npm/v/@mythpe/quasar-app-extension-qui.svg?label=@mythpe/quasar-app-extension-qui)](https://www.npmjs.com/package/@mythpe/quasar-app-extension-qui)
+[![npm](https://img.shields.io/npm/dt/@mythpe/quasar-app-extension-qui.svg)](https://www.npmjs.com/package/@mythpe/quasar-app-extension-qui)
+
+# Install
+```bash
+quasar ext add @mythpe/qui
+quasar ext invoke @mythpe/qui
+```
+Quasar CLI will retrieve it from NPM and install the extension.
+
+## Prompts
+
+> If your app extension uses prompts, explain them here, otherwise remove this section and remove prompts.js file.
+
+# Uninstall
+```bash
+quasar ext remove @mythpe/qui
+quasar ext uninvoke @mythpe/qui
+```
+
+# Info
+> Add longer information here that will help the user of your app extension.
+
+# Other Info
+> Add other information that's not as important to know
+
+# Donate
+If you appreciate the work that went into this App Extension, please consider [donating to Quasar](https://donate.quasar.dev).
+
+# License
+MIT (c) MyTh <mythpe@gmail.com>

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@mythpe/quasar-app-extension-qui",
+  "version": "0.0.1",
+  "description": "MyTh Quasar UI Kit App Extension",
+  "author": "MyTh Ahmed Faiz <mythpe@gmail.com>",
+  "mobile": "+966590470092",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "lint": "eslint --ext .js,.ts,.vue ./",
+    "lint:fix": "eslint --ext .js,.ts,.vue ./ --fix"
+  },
+  "dependencies": {
+    "@mythpe/quasar-ui-qui": "^0.0.1"
+  },
+  "engines": {
+    "node": "^24 || ^22 || ^20 || ^18",
+    "npm": ">= 6.13.4",
+    "yarn": ">= 1.21.1"
+  }
+}

package/src/boot/register.js

@@ -0,0 +1,6 @@
+import { boot } from 'quasar/wrappers'
+import VuePlugin from '@mythpe/quasar-ui-qui'
+
+export default boot(({ app }) => {
+  app.use(VuePlugin)
+})

package/src/index.js

@@ -0,0 +1,45 @@
+/**
+ * Quasar App Extension index/runner script
+ * (runs on each dev/build)
+ *
+ * Docs: https://quasar.dev/app-extensions/development-guide/index-api
+ */
+
+function extendConf (conf, api) {
+  // register our boot file
+  conf.boot.push('~@mythpe/quasar-app-extension-qui/src/boot/register.js')
+
+  if (api.hasWebpack) {
+    // make sure app extension files & ui package gets transpiled
+    const transpileTarget = (
+      conf.build.webpackTranspileDependencies || // q/app-webpack >= v4
+      conf.build.transpileDependencies // q/app-webpack v3
+    )
+    transpileTarget.push(/@mythpe\/quasar-app-extension-qui[\\/]src/)
+  }
+
+  // make sure the stylesheet goes through webpack to avoid SSR issues
+  conf.css.push('~@mythpe/quasar-ui-qui/src/index.sass')
+}
+
+export default function (api) {
+  // Quasar compatibility check; you may need
+  // hard dependencies, as in a minimum version of the "quasar"
+  // package or a minimum version of "@quasar/app-*" CLI
+  api.compatibleWith('quasar', '^2.0.0')
+
+  if (api.hasVite) {
+    api.compatibleWith('@quasar/app-vite', '^1.5.0 || ^2.0.0-rc.1')
+  } else if (api.hasWebpack) {
+    api.compatibleWith('@quasar/app-webpack', '^3.10.0 || ^4.0.0-rc.1')
+  }
+
+  // Uncomment the line below if you provide a JSON API for your component
+  // api.registerDescribeApi('MyComponent', '~@mythpe/quasar-ui-qui/src/components/MyComponent.json')
+
+  // Uncomment the line below if you provide a JSON API for your directive
+  // api.registerDescribeApi('my-directive', '~@mythpe/quasar-ui-qui/src/directives/my-directive.json')
+
+  // We extend /quasar.conf.js
+  api.extendQuasarConf(extendConf)
+}

package/src/install.js

@@ -0,0 +1,19 @@
+/**
+ * Quasar App Extension install script
+ *
+ * Docs: https://quasar.dev/app-extensions/development-guide/install-api
+ */
+
+export default function (api) {
+  // Quasar compatibility check; you may need
+  // hard dependencies, as in a minimum version of the "quasar"
+  // package or a minimum version of "@quasar/app-*" CLI
+  api.compatibleWith('quasar', '^2.0.0')
+
+  if (api.hasVite) {
+    api.compatibleWith('@quasar/app-vite', '^1.0.0 || ^2.0.0-rc.1')
+  }
+  else if (api.hasWebpack) {
+    api.compatibleWith('@quasar/app-webpack', '^3.10.0 || ^4.0.0-rc.1')
+  }
+}

package/src/prompts.js

@@ -0,0 +1,44 @@
+/**
+ * Quasar App Extension prompts script
+ *
+ * Docs: https://quasar.dev/app-extensions/development-guide/prompts-api
+ *
+ * Inquirer prompts
+ * (answers are available as "api.prompts" in the other scripts)
+ * https://www.npmjs.com/package/inquirer#question
+ *
+ * Example:
+
+  return [
+    {
+      name: 'name',
+      type: 'string',
+      required: true,
+      message: 'Quasar CLI Extension name (without prefix)',
+    },
+    {
+      name: 'preset',
+      type: 'checkbox',
+      message: 'Check the features needed for your project:',
+      choices: [
+        {
+          name: 'Install script',
+          value: 'install'
+        },
+        {
+          name: 'Prompts script',
+          value: 'prompts'
+        },
+        {
+          name: 'Uninstall script',
+          value: 'uninstall'
+        }
+      ]
+    }
+  ]
+
+ */
+
+export default function (api) {
+  return []
+}

package/src/uninstall.js

@@ -0,0 +1,9 @@
+/**
+ * Quasar App Extension uninstall script
+ *
+ * Docs: https://quasar.dev/app-extensions/development-guide/uninstall-api
+ */
+
+export default function (api) {
+  //
+}