open-index/open-npm huggingface dataset:
npm package: @imagina/quasar-app-extension-qimagina
Description: qimagina extension to Quasar
Author: msolanogithub
Latest version: 0.0.1

# Quasar App Extension qimagina

> 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/quasar-app-extension-qimagina.svg?label=quasar-app-extension-qimagina)](https://www.npmjs.com/package/quasar-app-extension-qimagina)
[![npm](https://img.shields.io/npm/dt/quasar-app-extension-qimagina.svg)](https://www.npmjs.com/package/quasar-app-extension-qimagina)

# Install
```bash
quasar ext add qimagina
```
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 qimagina
```

# 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) msolanogithub <msolano2505@gmail.com>
npm package: @imagina/quasar-ui-qimagina
Description: qimagina to Quasar
Author: soporte@imaginacolombia.com
Latest version: 1.0.1

# Component MyComponent

[![npm](https://img.shields.io/npm/v/quasar-ui-qimagina.svg?label=quasar-ui-qimagina)](https://www.npmjs.com/package/quasar-ui-qimagina)
[![npm](https://img.shields.io/npm/dt/quasar-ui-qimagina.svg)](https://www.npmjs.com/package/quasar-ui-qimagina)

# Component MyComponent
> Short description of the component


# Usage

## Quasar CLI project

Install the [App Extension](../app-extension).

**OR**:

Create and register a boot file:

```js
import Vue from 'vue'
import Plugin from 'quasar-ui-qimagina'

Vue.use(Plugin)
```

**OR**:

```html
<script>
import { Component as MyComponent } from 'quasar-ui-qimagina'

export default {
  components: {
    MyComponent
  }
}
</script>
```

## Vue CLI project

```js
import Vue from 'vue'
import Plugin from 'quasar-ui-qimagina'

Vue.use(Plugin)
```

**OR**:

```html
<script>
import { Component as MyComponent } from 'quasar-ui-qimagina'

export default {
  components: {
    MyComponent
  }
}
</script>
```

## UMD variant

Exports `window.qimagina`.

Add the following tag(s) after the Quasar ones:

```html
<body>
  <!-- at end of body, AFTER Quasar script(s): -->
  <script src="https://cdn.jsdelivr.net/npm/quasar-ui-qimagina/dist/index.umd.min.js"></script>
</body>
```

# Setup
```bash
$ yarn
```

# Developing
```bash
# start dev in SPA mode
$ yarn dev

# start dev in UMD mode
$ yarn dev:umd

# start dev in SSR mode
$ yarn dev:ssr

# start dev in Cordova iOS mode
$ yarn dev:ios

# start dev in Cordova Android mode
$ yarn dev:android

# start dev in Electron mode
$ yarn dev:electron
```

# Building package
```bash
$ yarn build
```

# Adding Testing Components
in the `ui/dev/src/pages` you can add Vue files to test your component/directive. When using `yarn dev` to build the UI, any pages in that location will automatically be picked up by dynamic routing and added to the test page.

# Adding Assets
If you have a component that has assets, like language or icon-sets, you will need to provide these for UMD. In the `ui/build/script.javascript.js` file, you will find a couple of commented out commands that call `addAssets`. Uncomment what you need and add your assets to have them be built and put into the `ui/dist` folder.

# Donate
If you appreciate the work that went into this, please consider [donating to Quasar](https://donate.quasar.dev).

# License
MIT (c) msolanogithub <msolano2505@gmail.com>