plugin-ui-for-kzt

A custom UI plugin for Vue 3 + TypeScript projects, with Quasar integration support.

---

🚀 Installation

$3

- Node.js v23.x or higher
- Vue 3 project (with or without Quasar)

$3

``bash
npm install plugin-ui-for-kzt
`

---

⚙️ Quasar Integration Setup

If you're using Quasar, follow these additional steps to properly integrate the plugin:

$3

Create a new file named plugin-ui-for-kzt.ts in your project's boot/ directory.

`ts
// src/boot/plugin-ui-for-kzt.ts
import { boot } from 'quasar/wrappers'
import PluginUIForKZT from 'plugin-ui-for-kzt'

export default boot(({ app }) => {
app.use(PluginUIForKZT)
})
`

$3

`js
boot: [
'plugin-ui-for-kzt',
// other boot files
]
`

$3

`js
import('boot/plugin-ui-for-kzt')
`

---

🔢 Plugin Versioning Rules

The plugin version must follow the pattern: X.Y.Z, with a maximum version value of 100.
Examples of valid versions:

- version: "0.0.25"
- version: "0.25.99"
- version: "46.25.46"

---

🚀 Publishing the Plugin to npm

Follow these steps to update and publish a new version of the plugin:

$3

Update the version field in your package.json file according to Semantic Versioning.

$3

`bash
rm -rf dist
`

$3

`bash
npm run build
`
check to correct build version

$3

`bash
npm login
`

> 💡 Use the npm credentials stored in your GitLab vault or settings.

$3

`bash
npm publish --access public
`

$3

`bash
git add .
git commit -m "chore: bump version to x.x.x"
git push
`


$3

`bash
npm cache clean --force
`

$3

`bash
npm install plugin-ui-for-kzt@latest --force
`

$3

`bash
quasar clean
quasar dev
``

---

✅ Done! Your plugin is now published and integrated successfully into your Quasar project.