Thank you for this great extension!
There are problems with some of the icons.
Fontawesome:

Ion:

I have some places in my project admin panel to use it.
And interesting is it ready for production?
I can test on my project.

I get error while trying to execute the demo folder:

$ quasar dev

 Dev mode.......... spa
 Pkg quasar........ v1.4.1
 Pkg @quasar/app... v1.2.3
 Debugging......... enabled

 app:extension Running "@quasar/qmarkdown" Quasar App Extension... +0ms
 app:extension Running "@quasar/qribbon" Quasar App Extension... +6ms
 app:extension Running "@quasar/qpublish" Quasar App Extension... +2ms
 app:quasar-conf Reading quasar.conf.js +3ms
 app:dev Checking listening address availability (0.0.0.0:8080)... +1ms
 app:quasar-conf Extension(@quasar/qmarkdown): Extending quasar.conf... +8ms
 App Extension (qmarkdown) Info: 'Adding qmarkdown boot reference to your quasar.conf.js'
 App Extension (qmarkdown) Info: 'Adding markdown.styl css reference to your quasar.conf.js'
 app:quasar-conf Extension(@quasar/qribbon): Extending quasar.conf... +0ms
 App Extension (qribbon) Info: 'Adding qribbon boot reference to your quasar.conf.js'
 App Extension (qribbon) Info: 'Adding ribbon-*.styl css reference to your quasar.conf.js'
 app:quasar-conf Extension(@quasar/qpublish): Extending quasar.conf... +1ms
 App Extension (qpublish) Info: 'Adding qpublish boot reference to your quasar.conf.js'
 App Extension (qpublish) Info: 'Adding stylus css reference to your quasar.conf.js'
 app:webpack Extension(@quasar/qmarkdown): Chaining SPA Webpack config +378ms
 App Extension (qmarkdown) Info: 'Adding markdown loader to chainWebpack in your quasar.conf.js'
 App Extension (qmarkdown) Info: 'Adding .vmd (vue+markdown) loader to chainWebpack in your quasar.conf.js'
 app:webpack Chaining SPA Webpack config +0ms
 app:webpack Extending SPA Webpack config +7ms
 app:generator Generating Webpack entry point +4ms
 app:dev-server Booting up... +4ms


 SPA █████████████████████████ [100%] in ~12s



 ERROR  Failed to compile with 1 errors                                                                                                               5:51:48 PM

This dependency was not found:

* api in ./node_modules/babel-loader/lib??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/pages/Index.vue?vue&type=script&lang=js&

To install it, you can run: npm install --save api

~/dev/quasar-ui-qiconpicker/demo
$ git diff package.json
────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
modified: demo/package.json
────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
@ demo/package.json:18 @
  "dependencies": {
    "@quasar/extras": "^1.3.3",
    "@quasar/quasar-ui-qiconpicker": "../ui",
    "api": "^1.0.0",
    "quasar": "^1.4.1"
  },
  "devDependencies": {
~/dev/quasar-ui-qiconpicker/demo

~/dev/quasar-ui-qiconpicker/demo
$ quasar info

Operating System - Darwin(18.7.0) - darwin/x64
NodeJs - 12.12.0

Global packages
  NPM - 6.12.0
  yarn - 1.19.1
  @quasar/cli - 1.0.2
  cordova - Not installed

Important local packages
  quasar - 1.4.1 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app - 1.2.3 -- Quasar Framework local CLI
  @quasar/extras - 1.3.3 -- Quasar Framework fonts, icons and animations
  vue - 2.6.10 -- Reactive, component-oriented view layer for modern web interfaces.
  vue-router - 3.1.3 -- Official router for Vue.js 2
  vuex - 3.1.1 -- state management for Vue.js
  electron - 7.1.1 -- Build cross platform desktop apps with JavaScript, HTML, and CSS
  electron-packager - Not installed
  electron-builder - Not installed
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed
  @babel/core - 7.7.2 -- Babel compiler core.
  webpack - 4.41.2 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
  webpack-dev-server - 3.9.0 -- Serves a webpack app. Updates the browser on changes.
  workbox-webpack-plugin - 4.3.1 -- A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.
  register-service-worker - 1.6.2 -- Script for registering service worker, with hooks

Quasar App Extensions
  @quasar/quasar-app-extension-qmarkdown - 1.0.0-beta.21 -- Display inline markdown in your Quasar App
  @quasar/quasar-app-extension-qribbon - 1.0.0-beta.8 -- QRibbon - Quasar App Extension
  @quasar/quasar-app-extension-qpublish - 1.0.0-alpha.7 -- Create a static website with Markdown and Quasar

Property :pagination.sync It doesn't seem to work on Vue 3.

"[vue/no-deprecated-v-bind-sync]
'.sync' modifier on 'v-bind' directive is deprecated. Use 'v-model:propName' instead."

I tried with

v-model:pagination="pagination"

but it doesn't work

I get this warning when compiling in dev mode.

Its installed as App Extension.

WARNING Compiled with 1 warnings, -- Module not found: Error: Can't resolve 'q-icon-picker/components/icon-set' in '....\presentation\node_modules@quasar\quasar-ui-qiconpicker\dist'

This is what I get after upgrading from v1.0.3 to v1.0.5 or v1.0.6

If I downgrade to v1.0.3 my project compiles okay.

Dependabot couldn't find a package.json for this project.

Dependabot requires a package.json to evaluate your project's current JavaScript dependencies. It had expected to find one at the path: /package.json.

If this isn't a JavaScript project, or if it is a library, you may wish to disable updates for it from within Dependabot.

Is your feature request related to a problem? Please describe.
In pop up mode we can have a lot of pages. When u search for an icon maybe u have to go through all the pages.
See attachment.

Describe the solution you'd like
We should add a property to say if a filter should be displayed

Describe alternatives you've considered
Show filter automatically when we have more then 12 pages?
But then we need a prop for disabel this behavior

Additional context

Describe the solution you'd like
MDI v5 was added in @quasar/extras v1.6.0
It would be nice if quasar-ui-qiconpicker could support them too.

It would be really nice to be able to filter the icons based on the quasar iconset - so we can compare and contrast between the different "looks" that quasar would have if you choose eva vs. fa for example.

For a legitimate bug, in order to process faster, please go here https://codepen.io/Hawkeye64/pen/vYYYewG, fork the codepen, add code to reproduce the bug and submit link here (don't forget to save your codepen):

Describe the bug
QIconPicker: cannot find icon set found called material-icons

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

RE codepen .. I am not using my own code. I'm on your site (quasarframework.github.io) so its all your code already.

This does not seem to work on any browser on iOS. Going directly to https://quasarframework.github.io/quasar-ui-qiconpicker/examples ..
using Safari / FF / Google, does not show any icons at all.

(I wanted to see how slick this component is for iOS so went to the example page on my iPhone)

To Reproduce

1. On iOS 13.3.1 device (iPhone 7 Plus), using Safari / FF / Google to navigate to https://quasarframework.github.io/quasar-ui-qiconpicker/examples
2. Scroll down the examples where there should be icons.
3. None of the examples have icons

Expected behavior
I expect to see icons there using my iOS device

Screenshots

Smartphone (please complete the following information):

• Device: iPhone 7 Plus
• OS: iOS 13.3.1
• Browser: stock browser (safari) / Google app / Firefox
• Version: (latest of all versions)

Works fine on Silk browser (Amazon Fire Kindle) so I don't think is a mobile issue.

Dark mode is wrong when pop up is visible

After installing with quasar ext (legacy quasar version not v2) I get:

Extension(qiconpicker): is not compatible with @quasar/app v2.1.6. Required version: ^1.1.0

One could think v2.1.6 is greater than 1.1.0 :-o (but probably I misunderstand something).

Result
Quasar stops working. quasar dev (and most other commands) stops with above message.

Expected behavior
quasar (v1) should start with qiconpicker installed

For a legitimate bug, in order to process faster, please go here https://codepen.io/Hawkeye64/pen/vYYYewG, fork the codepen, add code to reproduce the bug and submit link here (don't forget to save your codepen): https://quasarframework.github.io/quasar-ui-qiconpicker/demo

Describe the bug
When the toggle for "No Footer" is enabled, and then disabled, the footer stays hidden. Tested this on Firefox and a clean Chromium browser.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://quasarframework.github.io/quasar-ui-qiconpicker/demo'
2. Click on 'Playground -> No Footer'
3. The footer disappears as expected
4. Click on 'Playground -> No Footer' again
5. The footer does not reappear
6. There are no errors in the console.

Expected behavior
The footer should re-appear when the toggle is disabled.

Screenshots

Desktop (please complete the following information):

• OS: Kubuntu 22.04
• Browser Firefox 104.0.2 & Chromium 105.0.5195.125

Additional context
I don't know if there's an underlying issue with the quasar-ui-qiconpicker itself, or if it's just the demo website.

Hello!

I am using the latest beta versions

quasar v2.0.0-beta.15
@quasar/cli v1.1.3
@quasar/app v3.0.0-beta.22

And when running the command quasar d get error

App • ⚠️ Extension(@quasar/qiconpicker): is not compatible with quasar v2.0.0-beta.15. Required version: ^1.5.0

What about new version support?

After upgrading to @quasar/quasar-app-extension-qiconpicker v1.0.10 I get this error when compiling in dev mode:

 WARNING  Compiled with 1 warnings                                                                                                                                                                                                   17:26:53

 warning  in ./node_modules/@quasar/quasar-ui-qiconpicker/dist/index.esm.js

Module not found: Error: Can't resolve 'q-icon-picker/components/icon-set' in 'c:\my-app\node_modules\@quasar\quasar-ui-qiconpicker\dist'

i ｢wds｣: Project is running at http://0.0.0.0:8088/
i ｢wds｣: webpack output is served from
i ｢wds｣: 404s will fallback to /index.html

The project compiles okay and icon picker works as intended but this warning confuses me.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.

I was trying to figure out why the Material Icon search was showing different results and it appears that most of the tags that are returned by their API are not getting built into this library.

I think I tracked it down to build.material-icons-base.js Line ~96 where you are only pulling tags off the existing file in the repo and not using any of the new tags on the response from Google's endpoint.

Describe the solution you'd like

I'd like to better understand why new tags are being used and what the purpose of the build step is if it doesn't update/use tags from the response. Also I could be missing something that needs to be run to update that "input" file.

If you are ok with updating the code with the what the API spits back instead of using the existing file (again, I must be missing the purpose of using the existing file) then I'm happy to make that change and send a PR, I just wanted to ask to better understand your expectations first.

Describe alternatives you've considered

My alternative and what I'm going to ship for now is just a link to the google page and a text box where the user can paste in the icon they want.

Additional context

Would be nice to be able to quickly select the number of icons or rows of icons to display on a page. Rather than a drop down list (two clicks) would be smoother to just use hyperlinks with "|" delimiters (one tap/click) as in ...

10 | 20 | 50 | 100 | 200

Thanks for more Quasar Awesomeness - just gets better!

Set up each icon with an array of tags that categorizes the icon.

When compiling with v1.0.3 I get this error:
Extension(@quasar/qiconpicker): Dependency not found - @quasar/quasar-app-extension-colorize. Please install it.

Describe the bug
hi forks, first of all sorry for my english and my poor quasar & vue skills for still being self-learning. I was using quasar-cli with vite flavor and i used quasar ext add @quasar/qiconpicker trying to get my iconpicker done. but i keeps getting errors from chrome console complaining cannot find my material-icons set.

i double checked my quasar.config.js and can be 100% positive that i included it in 'extras' array. After a little research, i found out the error line being import icon set.

it seems being caused by vite using rollup. i found this and the require function from qiconpicker using a path starting with a varaiable.

sorry for the bother but how could i fix it?