@mythpe/quasar-ui-qui
v0.5.41
Published
MyTh Quasar Ui Kit Extinction
Maintainers
mythnootyReadme
MyTh Quasar UI Kit Extension
QUI is a premium set of Vue 3 components engineered specifically for the Quasar Framework v2 ecosystem.
✨ Compatibility: Fully compatible with Quasar UI v2 and Vue 3.
🔌 Usage & Integration
1. Quasar CLI Project (Recommended)
The easiest way to integrate is via the App Extension:
quasar ext add @mythpe/quiAlternative: Manual Package Installation
If you prefer not to use the App Extension, install the package manually:
yarn add @mythpe/quasar-ui-qui
# or
npm install @mythpe/quasar-ui-qui
# or
pnpm add @mythpe/quasar-ui-quiManual Boot Registration
Create and register a boot file (src/boot/myth.[ts|js]):
import { defineBoot } from '#q-app/wrappers'
import { install } from '@mythpe/quasar-ui-qui'
import '@mythpe/quasar-ui-qui/dist/index.css'
export default defineBoot(({ app }) => {
app.use(install)
})2. Vue CLI / Vite Project
import { createApp } from 'vue'
import App from './App.vue'
import { install } from '@mythpe/quasar-ui-qui'
import '@mythpe/quasar-ui-qui/dist/index.css'
const app = createApp(App)
app.use(install)
app.mount('#app')3. UMD Variant (CDN)
Global export identifier: window.Myth.
Add the following tags after your Quasar Framework assets:
<head>
<!-- AFTER Quasar stylesheet tags: -->
<link
href="https://cdn.jsdelivr.net/npm/@mythpe/quasar-ui-qui/dist/index.min.css"
rel="stylesheet"
type="text/css"
/>
<!-- For RTL support use this instead: -->
<!-- <link href="https://cdn.jsdelivr.net/npm/@mythpe/quasar-ui-qui/dist/index.rtl.min.css" rel="stylesheet" type="text/css" /> -->
</head>
<body>
<!-- At the end of body, AFTER Quasar script tags: -->
<script src="https://cdn.jsdelivr.net/npm/@mythpe/quasar-ui-qui/dist/index.umd.min.js"></script>
</body>👨💻 Support & Contact
Developed with 💙 by Ahmed Faiz (MyTh).
| Developer | Ahmed Faiz (MyTh) | | :-------------- | :---------------------------------------------- | | 📞 Phone | +966 59 047 0092 | | 📧 Email | [email protected] | | 🌐 Website | 4myth.com | | 📱 WhatsApp | +966 59 047 0092 |
📄 License
MIT © 2026 Ahmed Faiz (MyTh). All rights reserved.