open-index/open-npm huggingface dataset:
npm package: @quasar-ui/docs
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Latest version: 0.0.0

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
npm package: @quasar/app-vite
Description: Quasar Framework App CLI with Vite
Author: Razvan Stoenescu
Latest version: 2.6.0

![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)

# Quasar Framework App CLI with Vite (Local)

> Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase!

<img src="https://img.shields.io/npm/v/%40quasar/app-vite?label=@quasar/app-vite">

[![Join the chat at https://chat.quasar.dev](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://chat.quasar.dev)
<a href="https://forum.quasar.dev" target="_blank"><img src="https://img.shields.io/badge/community-forum-brightgreen.svg"></a>
[![https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg](https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg)](https://good-labs.github.io/greater-good-affirmation)

Please submit a PR to https://github.com/quasarframework/quasar-awesome with your website/app/Quasar tutorial/video etc. Thank you!

## Supporting Quasar

Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome [backers](https://github.com/rstoenescu/quasar-framework/blob/dev/backers.md).

**Please read our manifest on [Why donations are important](https://quasar.dev/why-donate)**. If you'd like to become a donator, check out [Quasar Framework's Donator campaign](https://donate.quasar.dev).

## Documentation

Head on to the Quasar Framework official website: [https://quasar.dev](https://quasar.dev)

## Stay in Touch

For latest releases and announcements, follow on Twitter: [@quasarframework](https://twitter.com/quasarframework)

## Chat Support

Ask questions at the official community Discord server: [https://chat.quasar.dev](https://chat.quasar.dev)

## Community Forum

Ask questions at the official community forum: [https://forum.quasar.dev](https://forum.quasar.dev)

## Contributing

I'm excited if you want to contribute to Quasar under any form (report bugs, write a plugin, fix an issue, write a new feature). Please read the [Contributing Guide](../CONTRIBUTING.md).

## Semver

Quasar is following [Semantic Versioning 2.0](https://semver.org/).

## License

Copyright (c) 2015-present Razvan Stoenescu

[MIT License](http://en.wikipedia.org/wiki/MIT_License)
npm package: @quasar/app-webpack
Description: Quasar Framework App CLI with Webpack
Author: Razvan Stoenescu
Latest version: 4.4.5

![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)

# Quasar Framework App CLI with Webpack (Local)

> Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase!

<img src="https://img.shields.io/npm/v/%40quasar/app-webpack?label=@quasar/app-webpack">

[![Join the chat at https://chat.quasar.dev](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://chat.quasar.dev)
<a href="https://forum.quasar.dev" target="_blank"><img src="https://img.shields.io/badge/community-forum-brightgreen.svg"></a>
[![https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg](https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg)](https://good-labs.github.io/greater-good-affirmation)

Please submit a PR to https://github.com/quasarframework/quasar-awesome with your website/app/Quasar tutorial/video etc. Thank you!

## Supporting Quasar

Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome [backers](https://github.com/rstoenescu/quasar-framework/blob/dev/backers.md).

**Please read our manifest on [Why donations are important](https://quasar.dev/why-donate)**. If you'd like to become a donator, check out [Quasar Framework's Donator campaign](https://donate.quasar.dev).

## Documentation

Head on to the Quasar Framework official website: [https://quasar.dev](https://quasar.dev)

## Stay in Touch

For latest releases and announcements, follow on Twitter: [@quasarframework](https://twitter.com/quasarframework)

## Chat Support

Ask questions at the official community Discord server: [https://chat.quasar.dev](https://chat.quasar.dev)

## Community Forum

Ask questions at the official community forum: [https://forum.quasar.dev](https://forum.quasar.dev)

## Contributing

I'm excited if you want to contribute to Quasar under any form (report bugs, write a plugin, fix an issue, write a new feature). Please read the [Contributing Guide](../CONTRIBUTING.md).

## Semver

Quasar is following [Semantic Versioning 2.0](https://semver.org/).

## License

Copyright (c) 2015-present Razvan Stoenescu

[MIT License](http://en.wikipedia.org/wiki/MIT_License)
npm package: @quasar/babel-preset-app
Description: Babel preset for Quasar CLI
Author: Razvan Stoenescu
Latest version: 2.0.4

![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)

# Quasar Framework CLI Babel Preset

> Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase!
>
> **DO NOT manually install this package. This package is supplied by `@quasar/app` and should not be used outside of it.**

<img src="https://img.shields.io/npm/v/%40quasar/babel-preset-app.svg?label=@quasar/babel-preset-app">

[![Join the chat at https://chat.quasar.dev](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://chat.quasar.dev)
<a href="https://forum.quasar.dev" target="_blank"><img src="https://img.shields.io/badge/community-forum-brightgreen.svg"></a>
[![https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg](https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg)](https://good-labs.github.io/greater-good-affirmation)

## Supporting Quasar

Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome [backers](https://github.com/rstoenescu/quasar-framework/blob/dev/backers.md).

**Please read our manifest on [Why donations are important](https://quasar.dev/why-donate)**. If you'd like to become a donator, check out [Quasar Framework's Donator campaign](https://donate.quasar.dev).

## Documentation

Head on to the Quasar Framework official website: [https://quasar.dev](https://quasar.dev)

## Stay in Touch

For latest releases and announcements, follow on Twitter: [@quasarframework](https://twitter.com/quasarframework)

## Chat Support

Ask questions at the official community Discord server: [https://chat.quasar.dev](https://chat.quasar.dev)

## Community Forum

Ask questions at the official community forum: [https://forum.quasar.dev](https://forum.quasar.dev)

## Contributing

I'm excited if you want to contribute to Quasar under any form (report bugs, write a plugin, fix an issue, write a new feature). Please read the [Contributing Guide](../../CONTRIBUTING.md).

## Semver

Quasar is following [Semantic Versioning 2.0](https://semver.org/).

## License

Copyright (c) 2015-present Razvan Stoenescu

[MIT License](http://en.wikipedia.org/wiki/MIT_License)
npm package: @quasar/cli
Description: Quasar Framework - the Global CLI
Author: Razvan Stoenescu
Latest version: 4.0.0

![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)

# Quasar Framework CLI (Global)

> Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase!

<img src="https://img.shields.io/npm/v/%40quasar/cli.svg?label=@quasar/cli">

[![Join the chat at https://chat.quasar.dev](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://chat.quasar.dev)
<a href="https://forum.quasar.dev" target="_blank"><img src="https://img.shields.io/badge/community-forum-brightgreen.svg"></a>
[![https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg](https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg)](https://good-labs.github.io/greater-good-affirmation)

Please submit a PR to https://github.com/quasarframework/quasar-awesome with your website/app/Quasar tutorial/video etc. Thank you!

## Supporting Quasar

Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome [backers](https://github.com/rstoenescu/quasar-framework/blob/dev/backers.md).

**Please read our manifest on [Why donations are important](https://quasar.dev/why-donate)**. If you'd like to become a donator, check out [Quasar Framework's Donator campaign](https://donate.quasar.dev).

## Documentation

Head on to the Quasar Framework official website: [https://quasar.dev](https://quasar.dev)

## Stay in Touch

For latest releases and announcements, follow on Twitter: [@quasarframework](https://twitter.com/quasarframework)

## Chat Support

Ask questions at the official community Discord server: [https://chat.quasar.dev](https://chat.quasar.dev)

## Community Forum

Ask questions at the official community forum: [https://forum.quasar.dev](https://forum.quasar.dev)

## Contributing

I'm excited if you want to contribute to Quasar under any form (report bugs, write a plugin, fix an issue, write a new feature). Please read the [Contributing Guide](../CONTRIBUTING.md).

## Semver

Quasar is following [Semantic Versioning 2.0](https://semver.org/).

## License

Copyright (c) 2015-present Razvan Stoenescu

[MIT License](http://en.wikipedia.org/wiki/MIT_License)
npm package: @quasar/legacy-create
Description: Quasar legacy create CLI
Author: Razvan Stoenescu
Latest version: 1.0.0

![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)

# Quasar legacy create CLI

> The legacy "quasar create" command, extracted to its own CLI.
> This package will not receive updates and should be considered "legacy".

## Installation

```bash
$ yarn global add @quasar/legacy-create
# OR
$ npm install -g @quasar/legacy-create
```

## Usage

```
Description
  -- LEGACY --
  Creates a Quasar project (app, AppExtension or UI kit) from CUSTOM starter kits.
  For scaffolding an official Quasar project please use this instead:
      yarn create quasar
      or
      npm init quasar

Usage
  $ quasar-legacy-create <project-name> <kit-name> [--branch <version-name>]

App Examples with custom starter kits
  $ quasar create my-project user/github-starter-kit
    # installs an App project with a custom starter kit from GitHub
  $ quasar create my-project user/github-starter-kit ./starter-kit-folder
    # installs an App project using a starter kit located at ./starter-kit-folder
  $ quasar create my-project user/github-starter-kit --branch v0.17
    # installs an App project from a specific branch

Options
  --branch, -b   Use specific branch of the starter kit
  --clone, -c    Use git clone
  --offline, -o  Use a cached starter kit
  --help, -h     Displays this message
```

## Semver
Quasar is following [Semantic Versioning 2.0](https://semver.org/).

## License

Copyright (c) 2015-present Razvan Stoenescu

[MIT License](http://en.wikipedia.org/wiki/MIT_License)
npm package: @quasar/quasar-app-extension-colorize
Description: Quasar color and theme mixins for Vue render functions
Author: Jeff Galbraith
Latest version: 1.0.0-alpha.1
Deprecated: use q-colorize-mixin instead

Colorize and Theme (@quasar/colorize)
===

![official icon](https://img.shields.io/badge/Quasar%201.0-Official%20UI%20App%20Extension-blue.svg)
![npm (scoped)](https://img.shields.io/npm/v/@quasar/quasar-app-extension-colorize.svg?style=plastic)
[![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/hawkeye64/app-extension-colorize.svg)]()
[![GitHub repo size in bytes](https://img.shields.io/github/repo-size/hawkeye64/app-extension-colorize.svg)]()
[![npm](https://img.shields.io/npm/dt/@quasar/quasar-app-extension-colorize.svg)](https://www.npmjs.com/package/@quasar/quasar-app-extension-hawkeye64)

Colorize is an `UI App Extension` for [Quasar Framework v1](https://v1.quasar-framework.org/). It will not work with legacy versions of Quasar Framework.

This work is currently in `beta` and there are expected changes while things get worked out. Your help with testing is greatly appreciated. Suggestions and PRs welcomed.

# Info

Colorize and Theme are two mix-ins in this App Extension that allow you provide colorization and theming support for your Quasar apps that use a Vue render function.

# Demo Project (source)

Can be found [here](https://github.com/hawkeye64/app-extension-colorize/tree/master/demo).

# Documentation and Examples

Can be found [here](https://hawkeye64.github.io/app-extension-colorize).

# Install

To add this App Extension to your Quasar application, run the following (in your Quasar app folder):

```
quasar ext add @quasar/colorize
```

# Uninstall

To remove this App Extension from your Quasar application, run the following (in your Quasar app folder):
```
quasar ext remove @quasar/colorize
```

# Describe

You can use `quasar describe Colorize`

You can use `quasar describe Theme`

# Donate

If you appreciate the work that went into this App Extension, please consider [donating to Quasar](https://donate.quasar.dev).
npm package: @quasar/quasar-app-extension-feathersjs
Description: A Quasar CLI Extension
Author: Daniel Thompson-Yvetot
Latest version: 1.0.0-alpha.5

# app-extension-graphql [WIP]
![official icon](https://img.shields.io/badge/Quasar%201.0-Official%20App%20Extension-blue.svg)
<a href="https://v1.quasar-framework.org" target="_blank"><img src="https://badge.fury.io/js/%40quasar%2Fquasar-app-extension-feathersjs.svg"></a>

| Statements | Branches | Functions | Lines |
 |-------|------------|----------|-----------|
 | ![Statements](https://img.shields.io/badge/Coverage-100%25-brightgreen.svg "Make me better!") | ![Branches](https://img.shields.io/badge/Coverage-100%25-brightgreen.svg "Make me better!") | ![Functions](https://img.shields.io/badge/Coverage-100%25-brightgreen.svg "Make me better!") | ![Lines](https://img.shields.io/badge/Coverage-100%25-brightgreen.svg "Make me better!") 

This is the official Quasar 1.0 App-Extension for graphql.

## Installation
IN DEVELOPMENT, DO NOT USE IN PRODUCTION.

```
$ quasar ext add @quasar/feathersjs
```

### How to use

## About

This project uses [Feathers](http://feathersjs.com). An open source web framework for building modern real-time applications.

## Getting Started

1. Install your dependencies

    ```
    $ cd path/to/server-feathers; yarn
    ```

2. Start your app

    ```
    $ node src/
    ```

## Default User

Open another terminal window and add a test user:

```
curl 'http://localhost:3030/users/' -H 'Content-Type: application/json' --data-binary '{ "email": "feathers@example.com", "password": "secret" }'
```

## Scaffolding

Feathers has a powerful command line interface. Here are a few things it can do:

```
$ npm install -g @feathersjs/cli          # Install Feathers CLI

$ feathers generate service               # Generate a new Service
$ feathers generate hook                  # Generate a new Hook
$ feathers generate model                 # Generate a new Model
$ feathers help                           # Show all commands
```

## Help

For more information on all the things you can do with Feathers visit [docs.feathersjs.com](http://docs.feathersjs.com).
npm package: @quasar/quasar-app-extension-graphql
Description: A Quasar CLI Extension
Author: Daniel Thompson-Yvetot
Latest version: 1.0.0-alpha.1
Deprecated: This package is no longer valid or supported. Please visit https://www.npmjs.com/package/@quasar/quasar-app-extension-apollo for the newer and supported version.

# app-extension-graphql [WIP]
![official icon](https://img.shields.io/badge/Quasar%201.0-Official%20App%20Extension-blue.svg)
<a href="https://v1.quasar-framework.org" target="_blank"><img src="https://badge.fury.io/js/%40quasar%2Fquasar-app-extension-graphql.svg"></a>

| Statements | Branches | Functions | Lines |
 |-------|------------|----------|-----------|
 | ![Statements](https://img.shields.io/badge/Coverage-100%25-brightgreen.svg "Make me better!") | ![Branches](https://img.shields.io/badge/Coverage-100%25-brightgreen.svg "Make me better!") | ![Functions](https://img.shields.io/badge/Coverage-100%25-brightgreen.svg "Make me better!") | ![Lines](https://img.shields.io/badge/Coverage-100%25-brightgreen.svg "Make me better!") 

This is the official Quasar 1.0 App-Extension for graphql.

## Installation
IN DEVELOPMENT, DO NOT USE YET.

```
$ quasar ext add @quasar/graphql
```
npm package: @quasar/quasar-app-extension-qactivity
Description: QActivity is an app extension for Quasar for making an activity list
Author: Jeff Galbraith
Latest version: 2.0.0

# Quasar App Extension QActivity

The QActivity app extension (@quasar/quasar-app-extension-qactivity) installs and manages the [QActivity UI](https://github.com/quasarframework/quasar-ui-qactivity/tree/main/ui) component.

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

# Install
```bash
quasar ext add @quasar/qactivity
```
Quasar CLI will retrieve it from NPM and install the extension.

# Uninstall
```bash
quasar ext remove @quasar/qactivity
```

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

# License
MIT (c) Jeff Galbraith <jeff@quasar.dev>
npm package: @quasar/quasar-app-extension-qiconpicker
Description: QIconPicker - A Quasar App Extension
Author: Jeff Galbraith
Latest version: 2.0.7

# Quasar App Extension QIconPicker

The **QIconPicker App Extension** allows you to seamlessly add the [QIconPicker](../ui) component into your Quasar application. It manages the boot file file and all other configuration for you.

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

![QIconPicker](https://raw.githubusercontent.com/quasarframework/quasar-ui-qiconpicker/dev/demo/public/q-icon-picker.png)

# Install
```bash
quasar ext add @quasar/qiconpicker
```
Quasar CLI will retrieve it from NPM and install the extension.

# Uninstall
```bash
quasar ext remove @quasar/qiconpicker
```

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

# License
MIT (c) Jeff Galbraith <jeff@quasar.dev>
npm package: @quasar/quasar-app-extension-qoverlay
Description: A Quasar App Extension
Author: Jeff Galbraith
Latest version: 2.0.1

# Quasar App Extension QOverlay

The QOverlay app extension (@quasar/quasar-app-extension-qoverlay) installs and manages the [QOverlay UI](https://github.com/quasarframework/quasar-ui-qoverlay/tree/dev/ui) component.

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

# Install
```bash
quasar ext add @quasar/qoverlay
```
Quasar CLI will retrieve it from NPM and install the extension.

# Uninstall
```bash
quasar ext remove @quasar/qoverlay
```

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

# License
MIT (c) Jeff Galbraith <jeff@quasar.dev>
npm package: @quasar/quasar-app-extension-qplaceholder
Description: Placeholder generation for your Quasar App
Author: Jeff Galbraith
Latest version: 1.0.0-alpha.6
Deprecated: QPlaceholder is now deprecated. Use the QSkeleton UI component built into Quasar Framework.

QPlaceholder (@quasar/qplaceholder)
===

![official icon](https://img.shields.io/badge/Quasar%201.0-Official%20UI%20App%20Extension-blue.svg)
![npm (scoped)](https://img.shields.io/npm/v/@quasar/quasar-app-extension-qplaceholder.svg?style=plastic)
[![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/quasarframework/app-extension-qplaceholder.svg)]()
[![GitHub repo size in bytes](https://img.shields.io/github/repo-size/quasarframework/app-extension-qplaceholder.svg)]()
[![npm](https://img.shields.io/npm/dt/@quasar/quasar-app-extension-qplaceholder.svg)](https://www.npmjs.com/package/@quasar/quasar-app-extension-qplaceholder)

QPlaceholder is an `UI App Extension` for [Quasar Framework v1](https://v1.quasar-framework.org/). It will not work with legacy versions of Quasar Framework.

![QPlaceholder](https://raw.githubusercontent.com/quasarframework/app-extension-qplaceholder/dev/demo/src/statics/qplaceholder2.png)

This work is currently in `beta` and there are expected changes while things get worked out. Your help with testing is greatly appreciated. Suggestions and PRs welcomed.

# Info
QPlaceholder allows you to display a placeholder before your data arrives from your server.

# Demo Project (source)
Can be found [here](https://github.com/quasarframework/app-extension-qplaceholder/tree/master/demo).

# Documentation and Examples
Can be found [here](https://quasarframework.github.io/app-extension-qplaceholder).

# Install
To add this App Extension to your Quasar application, run the following (in your Quasar app folder):
```
quasar ext add @quasar/qplaceholder
```

# Uninstall
To remove this App Extension from your Quasar application, run the following (in your Quasar app folder):
```
quasar ext remove @quasar/qplaceholder
```

# Describe
(TBD) You can use `quasar describe QPlaceholder`

# Donate
If you appreciate the work that went into this App Extension, please consider [donating to Quasar](https://donate.quasar.dev).
npm package: @quasar/quasar-app-extension-qpublish
Description: Document your Quasar JSON API
Author: Jeff Galbraith
Latest version: 1.0.0-alpha.14
Deprecated: Use quasar-app-extension-json-api-viewer instead: https://github.com/hawkeye64/json-api-viewer

QPublish (@quasar/qpublish)
===

Create a static website with Markdown and Quasar

This App Extension is very much a work in progress [WIP] and is experimental (not guaranteed to be finished). Use at your own risk).
npm package: @quasar/quasar-app-extension-qribbon
Description: QRibbon - Quasar App Extension
Author: Allan Gaunt
Latest version: 1.0.0-beta.15

# Quasar App Extension qribbon

> 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-qribbon.svg?label=quasar-app-extension-qribbon)](https://www.npmjs.com/package/quasar-app-extension-qribbon)
[![npm](https://img.shields.io/npm/dt/quasar-app-extension-qribbon.svg)](https://www.npmjs.com/package/quasar-app-extension-qribbon)

# Examples and Documentation for QRibbon UI Component
Can be found [here](https://quasarframework.github.io/quasar-ui-qribbon)

# Install
```bash
quasar ext add @quasar/qribbon
```
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.

# Uninstall
```bash
quasar ext remove @quasar/qribbon
```

# Donate
If you appreciate the work that went into this, please consider donating to [Quasar](https://donate.quasar.dev) or [Allan](https://github.com/sponsors/webnoob).

# License
MIT (c) Allan Gaunt <allan@quasar.dev>
npm package: @quasar/quasar-app-extension-qscroller
Description: QScroller - Embed string, time, date and range scrollers in your Quasar Apps
Author: Jeff Galbraith
Latest version: 1.1.3

# Quasar App Extension QScroller

The **QScroller App Extension** allows you to seamlessly add the [QScroller](../ui) component into your Quasar application. It manages the boot file file and all other configuration for you.

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

# Examples and Documentation for QScroller UI Component
Can be found [here](https://quasarframework.github.io/quasar-ui-qscroller)


# Install
```bash
quasar ext add @quasar/qscroller
```
Quasar CLI will retrieve it from NPM and install the extension.

# Uninstall
```bash
quasar ext remove @quasar/qscroller
```

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

# License
MIT (c) Jeff Galbraith <jeff@quasar.dev>
npm package: @quasar/quasar-app-extension-qwindow
Description: A Quasar App Extension
Author: Jeff Galbraith
Latest version: 1.0.0-beta.7

# Quasar App Extension qwindow

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

# Install
```bash
quasar ext add @quasar/qwindow
```
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 @quasar/qwindow
```

# 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) Jeff Galbraith <jeff@quasar.dev>
npm package: @quasar/quasar-app-extension-qzoom
Description: Image interactions for your Quasar App
Author: Jeff Galbraith
Latest version: 1.0.0-alpha.7

QZoom (@quasar/qzoom)
===

![official icon](https://img.shields.io/badge/Quasar%201.0-Official%20UI%20App%20Extension-blue.svg)
![npm (scoped)](https://img.shields.io/npm/v/@quasar/quasar-app-extension-qzoom.svg?style=plastic)
[![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/quasarframework/app-extension-qzoom.svg)]()
[![GitHub repo size in bytes](https://img.shields.io/github/repo-size/quasarframework/app-extension-qzoom.svg)]()
[![npm](https://img.shields.io/npm/dt/@quasar/quasar-app-extension-qzoom.svg)](https://www.npmjs.com/package/@quasar/quasar-app-extension-qzoom)

QZoom is an `UI App Extension` for [Quasar Framework v1](https://v1.quasar-framework.org/). It will not work with legacy versions of Quasar Framework.

![QZoom](https://raw.githubusercontent.com/quasarframework/app-extension-qzoom/dev/demo/src/statics/qzoom.png)

This work is currently in `beta` and there are expected changes while things get worked out. Your help with testing is greatly appreciated. Suggestions and PRs welcomed.

# Info
QZoom allows your users to interact with images on your site by allowing the to Zoom them.

# Demo Project (source)
Can be found [here](https://github.com/quasarframework/app-extension-qzoom/tree/dev/demo).

# Documentation and Examples
Can be found [here](https://quasarframework.github.io/app-extension-qzoom).

# Install
To add this App Extension to your Quasar application, run the following (in your Quasar app folder):
```
quasar ext add @quasar/qzoom
```

# Uninstall
To remove this App Extension from your Quasar application, run the following (in your Quasar app folder):
```
quasar ext remove @quasar/qzoom
```

# Describe
(TBD) You can use `quasar describe QZoom`

# Donate
If you appreciate the work that went into this App Extension, please consider [donating to Quasar](https://donate.quasar.dev).
npm package: @quasar/quasar-app-extension-testing-e2e-webdriver
Description: A Quasar App Extension for Webdriver e2e
Author: Daniel Thompson-Yvetot
Latest version: 1.0.0-beta.9
Deprecated: This package is now unmaintained and won't be migrated to Qv2, get in touch with Quasar team if you're willing to become a maintainer

# Quasar CLI Extension

## WIP

### DO NOT USE IN A PRODUCTION ENVIRONMENT, WE NEED TO SECURE THE DEPENDENCIES.
npm package: @quasar/quasar-app-extension-testing-unit-ava
Description: A Quasar App Extension for running AVA tests
Author: Noah Klayman
Latest version: 1.0.0-beta.12
Deprecated: This package is now unmaintained and won't be migrated to Qv2, get in touch with Quasar team if you're willing to become a maintainer

# Quasar CLI Extension

> WIP
npm package: @quasar/quasar-app-extension-typescript
Description: A Quasar CLI Extension
Author: Kerry Huguet
Latest version: 1.0.2
Deprecated: This package has been deprecated since more than a year and won't work with Quasar verions >= v2, please check out the official TypeScript support docs https://quasar.dev/quasar-cli/supporting-ts

# quasar-app-extension-typescript

> ### WARNING
>
> This extension will bring you in sync with Quasar + TS setup as of `quasar@1.9.x` and `@quasar/app@1.6.x`
>
> This extension is DEPRECATED and is only meant to ease the transition of pre-existing codebases. For new projects use starter-kit `TypeScript` option by installing `@quasar/cli` and running `quasar create <project-name>`
>
> Check out the [official documentation](https://quasar.dev/quasar-cli/installation).
>
> ESLint configuration will be overwritten, only Prettier flavour is supported out-of-the-box.
> `airbnb` and `default` configuration should be manually merged using your previous `.eslintrc.js` or one generated when creating a new Quasar project.
>
> You need to remove this extension and `typescript` dependency after a successful installation: the extension will only do the migration and there's no point into keeping it after that, while `typescript` dependency is already provided by `@quasar/app`
>
> **This extension is one-shot and does not provide uninstall script, make sure you've some form of version control in place to perform rollbacks**

Add TypeScript to your Quasar project (won't work for 0.x Quasar versions).

For simpler cases, just running this extension will do the job.

For the majority of cases, many tweaks on your side will be needed to fix type or linting issues, take some time when trying the migration.

If you don't trust a software to automatically update your code, you can manually update your project following the [official documentation](https://quasar.dev/quasar-cli/cli-documentation/supporting-ts#Installation-of-TypeScript-Support).

## Installation

Add the app extension to your project:

```shell
$ quasar ext add @quasar/typescript
```

To test the various build types, cd into test-extension and:

```
$ yarn
$ quasar ext invoke @quasar/typescript
```

## Fallback

If you experience problems you cannot understand or resolve, copy your `src` folder (and any project specific configuration) into a freshly created project with `TypeScript` option enabled.
Then proceed to manually update your files to use TypeScript.

To create a new project, run `quasar create <your project name>` using the global Quasar CLI and enable the `TypeScript` option.
npm package: @quasar/quasar-ui-qoverlay
Description: QOverlay is an app extension for Quasarframework for making overlays
Author: Jeff Galbraith
Latest version: 2.0.1

QOverlay
===

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

QOverlay is a [Quasar](https://quasar.dev) component. It allows you to have fullscreen or component overlays and put a component on top of the overlay.

# Examples and Documentation
Can be found [here](https://quasarframework.github.io/quasar-ui-qoverlay)


# 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/quasar-ui-qoverlay'
import '@quasar/quasar-ui-qoverlay/dist/index.css'

Vue.use(Plugin)
```

**OR**:

```html
<style src="@quasar/quasar-ui-qoverlay/dist/index.css"></style>

<script>
import { QOverlay } from '@quasar/quasar-ui-qoverlay'

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

## Vue CLI project

```js
import Vue from 'vue'
import Plugin from '@quasar/quasar-ui-qoverlay'
import '@quasar/quasar-ui-qoverlay/dist/index.css'

Vue.use(Plugin)
```

**OR**:

```html
<style src="@quasar/quasar-ui-qoverlay/dist/index.css"></style>

<script>
import { QOverlay } from '@quasar/quasar-ui-qoverlay'

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

## UMD variant

Exports `window.QOverlay`.

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

```html
<head>
  <!-- AFTER the Quasar stylesheet tags: -->
  <link href="https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qoverlay/dist/index.min.css" rel="stylesheet" type="text/css">
</head>
<body>
  <!-- at end of body, AFTER Quasar script(s): -->
  <script src="https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qoverlay/dist/index.umd.min.js"></script>
</body>
```
If you need the RTL variant of the CSS, then go for the following (instead of the above stylesheet link):
```html
<link href="https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qoverlay/dist/index.rtl.min.css" rel="stylesheet" type="text/css">
```

[UMD example on Codepen](https://codepen.io/Hawkeye64/pen/wvBKVNB)

# Building the Projects

## Setup

In both the `ui` and `ui/dev` folders:

```bash
$ yarn
```

## Developing

In the `ui` folder

```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
```

# build just the JSON API
```bash
$ yarn build:api
```

# Donate

If you appreciate the work that went into this, please consider donating to [Quasar](https://donate.quasar.dev) or [Jeff](https://github.com/sponsors/hawkeye64).

# License
MIT (c) Jeff Galbraith <jeff@quasar.dev>
npm package: @quasar/quasar-ui-qribbon
Description: QRibbon - Quasar component
Author: Allan Gaunt
Latest version: 1.0.0-beta.14

# Component QRibbon

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

# Component QRibbon
> 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 { QRibbon } from '@quasar/quasar-ui-qribbon'
import '@quasar/quasar-ui-qribbon/dist/index.css'

Vue.use(Plugin)
```

**OR**:

```html
<style src="quasar-ui-qribbon/dist/index.css"></style>

<script>
import { QRibbon } from 'quasar-ui-qribbon'

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

## Vue CLI project

```js
import Vue from 'vue'
import { QRibbon } from '@quasar/quasar-ui-qribbon'
import '@quasar/quasar-ui-qribbon/dist/index.css'

Vue.use(Plugin)
```

**OR**:

```html
<style src="quasar-ui-qribbon/dist/index.css"></style>

<script>
import { QRibbon } from 'quasar-ui-qribbon'

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

## UMD variant

Exports `window.QRibbon`.

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

```html
<head>
  <!-- AFTER the Quasar stylesheet tags: -->
  <link href="https://cdn.jsdelivr.net/npm/quasar-ui-qribbon/dist/index.min.css" rel="stylesheet" type="text/css">
</head>
<body>
  <!-- at end of body, AFTER Quasar script(s): -->
  <script src="https://cdn.jsdelivr.net/npm/quasar-ui-qribbon/dist/index.umd.min.js"></script>
</body>
```
If you need the RTL variant of the CSS, then go for the following (instead of the above stylesheet link):
```html
<link href="https://cdn.jsdelivr.net/npm/quasar-ui-qribbon/dist/index.rtl.min.css" rel="stylesheet" type="text/css">
```

# 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
```

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

# License
MIT (c) Allan Gaunt <allan@quasar.dev>
npm package: @quasar/quasar-ui-qscroller
Description: QScroller - Embed string, time, date and range scrollers in your Quasar Apps
Author: Jeff Galbraith
Latest version: 1.1.3

QScroller
===

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

QScroller is a [Quasar](https://quasar.dev) component. It allows you to have time and date selections or a combination of both, including range selections.


# Examples and Documentation
Can be found [here](https://quasarframework.github.io/quasar-ui-qscroller)

# 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/quasar-ui-qscroller'
import '@quasar/quasar-ui-qscroller/dist/index.css'

Vue.use(Plugin)
```

**OR**:

```html
<style src="@quasar/quasar-ui-qscroller/dist/index.css"></style>

<script>
import { QScroller } from '@quasar/quasar-ui-qscroller'

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

## Vue CLI project

```js
import Vue from 'vue'
import Plugin from '@quasar/quasar-ui-qscroller'
import '@quasar/quasar-ui-qscroller/dist/index.css'

Vue.use(Plugin)
```

**OR**:

```html
<style src="@quasar/quasar-ui-qscroller/dist/index.css"></style>

<script>
import { QScroller } from '@quasar/quasar-ui-qscroller'

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

## UMD variant

Exports `window.QScroller`.

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

```html
<head>
  <!-- AFTER the Quasar stylesheet tags: -->
  <link href="https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qscroller/dist/index.min.css" rel="stylesheet" type="text/css">
</head>
<body>
  <!-- at end of body, AFTER Quasar script(s): -->
  <script src="https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qscroller/dist/index.umd.min.js"></script>
</body>
```
If you need the RTL variant of the CSS, then go for the following (instead of the above stylesheet link):
```html
<link href="https://cdn.jsdelivr.net/npm/@quasar/quasar-ui-qscroller/dist/index.rtl.min.css" rel="stylesheet" type="text/css">
```
# Building the Projects

## Setup

In both the `ui` and `ui/dev` folders:

```bash
$ yarn
```

## Developing

In the `ui` folder

```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
```

# build just the JSON API
```bash
$ yarn build:api
```

# Donate

If you appreciate the work that went into this, please consider donating to [Quasar](https://donate.quasar.dev) or [Jeff](https://github.com/sponsors/hawkeye64).

# License
MIT (c) Jeff Galbraith <jeff@quasar.dev>
npm package: @quasar/render-ssr-error
Description: Renders SSR errors for Quasar CLI
Author: Razvan Stoenescu
Latest version: 2.0.0

![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)

# Render SSR error for Quasar Framework

> **Used internally by Quasar CLI.**

<img src="https://img.shields.io/npm/v/%40quasar/render-ssr-error.svg?label=@quasar/render-ssr-error">

## Chat Support

Ask questions at the official community Discord server: [https://chat.quasar.dev](https://chat.quasar.dev)

## Community Forum

Ask questions at the official community forum: [https://forum.quasar.dev](https://forum.quasar.dev)

## Contributing

I'm excited if you want to contribute to Quasar under any form (report bugs, write a plugin, fix an issue, write a new feature). Please read the [Contributing Guide](../../CONTRIBUTING.md).

## Semver

Quasar is following [Semantic Versioning 2.0](https://semver.org/).

## License

Copyright (c) 2023-present Razvan Stoenescu

[MIT License](http://en.wikipedia.org/wiki/MIT_License)
npm package: @quasar/ssl-certificate
Description: SSL Certificate for localhost - used by Quasar CLI(s)
Author: Razvan Stoenescu
Latest version: 2.0.0

![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)

# SSL Certificate for localhost

> **Used internally by Quasar CLI(s).**

<img src="https://img.shields.io/npm/v/%40quasar/ssl-certificate.svg?label=@quasar/ssl-certificate">

## Chat Support

Ask questions at the official community Discord server: [https://chat.quasar.dev](https://chat.quasar.dev)

## Community Forum

Ask questions at the official community forum: [https://forum.quasar.dev](https://forum.quasar.dev)

## Contributing

I'm excited if you want to contribute to Quasar under any form (report bugs, write a plugin, fix an issue, write a new feature). Please read the [Contributing Guide](../../CONTRIBUTING.md).

## Semver

Quasar is following [Semantic Versioning 2.0](https://semver.org/).

## License

Copyright (c) 2023-present Razvan Stoenescu

[MIT License](http://en.wikipedia.org/wiki/MIT_License)
npm package: @quasar/ssr-helpers
Description: Quasar Framework helper package for SSR
Author: Razvan Stoenescu
Latest version: 3.0.3

![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)

# SSR helpers for Quasar Framework
> This package contains forks of multiple other packages and is being used and maintained by Quasar Framework.<br>
> **Used internally by Quasar CLI (@quasar/app-webpack).**

<img src="https://img.shields.io/npm/v/%40quasar/ssr-helpers.svg?label=@quasar/ssr-helpers">

## Version mapping

| @quasar/app-webpack | @quasar/ssr-helpers |
| --- | --- |
| v4 | v3 |
| v3 | v2 |

## Contents
* @quasar/ssr-helpers/webpack-client-plugin
* @quasar/ssr-helpers/webpack-server-plugin
* @quasar/ssr-helpers/create-renderer

## Credits and collaboration ##

Maintained by [Razvan Stoenescu](https://github.com/rstoenescu). Original contributors: [Pooya Parsa](https://github.com/pi0), [Evan You](https://github.com/yyx990803). We welcome comments, feedback and suggestions.  Please feel free to raise an issue or pull request.
npm package: @quasar/vite-plugin
Description: Vite plugin for Quasar Framework
Author: Razvan Stoenescu
Latest version: 1.11.0

![Quasar Framework logo](https://cdn.quasar.dev/logo-v2/header.png)

# Quasar Framework plugin for Vite

> Warning! Current limitations:
> * SSR builds with Quasar Vite plugin are not yet supported.
> * Usage with RTL Quasar language packs is not yet supported.

<img src="https://img.shields.io/npm/v/%40quasar/vite-plugin.svg?label=@quasar/vite-plugin">

[![Join the chat at https://chat.quasar.dev](https://img.shields.io/badge/chat-on%20discord-7289da.svg)](https://chat.quasar.dev)
<a href="https://forum.quasar.dev" target="_blank"><img src="https://img.shields.io/badge/community-forum-brightgreen.svg"></a>
[![https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg](https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg)](https://good-labs.github.io/greater-good-affirmation)

## Installation

https://quasar.dev/start/vite-plugin

## Supporting Quasar
Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome [backers](https://github.com/rstoenescu/quasar-framework/blob/dev/backers.md).

**Please read our manifest on [Why donations are important](https://quasar.dev/why-donate)**. If you'd like to become a donator, check out [Quasar Framework's Donator campaign](https://donate.quasar.dev).

## Documentation

Head on to the Quasar Framework official website: [https://quasar.dev](https://quasar.dev)

## Stay in Touch

For latest releases and announcements, follow on Twitter: [@quasarframework](https://twitter.com/quasarframework)

## Chat Support

Ask questions at the official community Discord server: [https://chat.quasar.dev](https://chat.quasar.dev)

## Community Forum

Ask questions at the official community forum: [https://forum.quasar.dev](https://forum.quasar.dev)

## Contributing

I'm excited if you want to contribute to Quasar under any form (report bugs, write a plugin, fix an issue, write a new feature). Please read the [Contributing Guide](../CONTRIBUTING.md).

## Semver
Quasar is following [Semantic Versioning 2.0](https://semver.org/).

## License

Copyright (c) 2021-present Razvan Stoenescu

[MIT License](http://en.wikipedia.org/wiki/MIT_License)