Simple design using vue-qrcode-reader.

Github: https://github.com/patrickmonteiro/quasar-qrcode-reader

Demo: https://quasar-qrcode-reader.surge.sh/#/

@reath I think you’re missing map-options:

https://quasar.dev/vue-components/select#Example--Map-options

Hello guys!
Leave barcode reader only with Javascript in the Quasar Framework.
It enables you to create a SPA or PWA application for reading, without relying on the cordova.
I used QuaggaJS as a library.
Github: https://github.com/patrickmonteiro/quasar-barcode-reader
DEMO: https://quasar-barcode-reader.surge.sh/#/

I wrote an article on how to implement OAuth2 with social networks using a library called Hello.js

The article is in pt-br

http://viladosilicio.com.br/autenticacao-com-hello-js-no-quasar-framework/

Hello!
I am providing another sample application.
This time, using Web APIs, grouped in a single project.

The purpose is to generate a knowledge base for new developers.

There is a lot of work ahead, a lot of study and testing is needed. Browser compatibility is totally different.

However the focus is to look for alternatives to cordova plugins, facilitating the implementation of PWA’s as well.

As there is little material in Portuguese (pt-BR), I am using Portuguese as the native language of the application.

Demo: https://quasar-web-apis.surge.sh/#/

Github: https://github.com/patrickmonteiro/quasar-web-apis

Screens:

Hello person.

I made an example repository of integration between Quasar V1 and Apex Charts.
Integration is extremely easy.
There is a good range of graphics, and responsiveness is great too

we use the npm packages:

• apexcharts
• vue-apexcharts

Github: https://github.com/patrickmonteiro/quasar-apexcharts

Here are some prints:

Follow github with the example project:

https://github.com/patrickmonteiro/quasar-cordova-fingerprint

@luckmenez To help you, I will make a change to a repository I have in github. as soon as it is available I will send you msg here.

@coopersamuel
The answer you find here: https://quasar.dev/vue-components/select#Example--Custom-label%2C-value-and-disable-props

You can change the label type and value using:

• option-value = “id”
• option-label = “name”

Also be sure to add:

• emit-value
• map-options

Select example:

<q-select
          filled
          v-model="model"
          use-input
          multiple
          map-options
          emit-value
          option-value="id"
          option-label="name"
          use-chips
          stack-label
          input-debounce="0"
          label="Simple filter"
          :options="options"
          @filter="filterFn"
          style="width: 250px"
        >

The solution was to install the latest version of node 10.16.1 LTS, reinstalled the CLI and everything started to work correctly.

@Rogerbanki If it is a plugin that can be installed by yarn or npm, you can add it as a boot file, just as it is done with axios.

@Nomias Olá, me mande um email eng.patrickmonteiro@gmail.com

@lobo I’m glad I’m helping you! This is my goal making examples for the quasar community

@happymax

Ok, Note that you have modified the object from here to:

data () {
   return {
     leftDrawerOpen: false,
     essentialLinks: [
       {
         title: 'Home',
         caption: 'Go to the home page',
         icon: 'home',
         to: '/index'
       },

Then you need to change your essentialLink props:

Before:

link: {
      type: String,
      default: '#'
    },

After:

to: {
      type: String,
      default: '#'
    },

And also in essentialLink, where “link” props were used before, modify by “to” in <template> :

<q-item
   clickable
   :to="to"
 >

@happymax I need to see your complete EssentialLink file, your Page, and your “route” file.

@happymax the error continues?

@happymax :key is tiny

@happymax You need to access the EssentialLink component, and replace what is :link with :to pass your route. And remove the _blank target also

@dobbel just follow the apexcharts documentation and enable compatibility with ie no quasar.conf.js file

https://github.com/apexcharts/apexcharts.js#using-it-with-ie11

Here is a solution to make apexcharts work correctly in IE. may be useful for you.

https://forum.quasar-framework.org/topic/4158/quasar-e-apex-charts-sample-application/9?_=1589977979168