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

It is not recommended to develop projects this way. But here is a solution I used to import files that I downloaded locally into the project.

I put in my statics folder my js files, and imported it into template.html

this way the webpack can solve the “statics” directory for me automatically

how is your BASE_URL code in quasar.conf.js?

new examples added!

@Incremental And getters are computed and not method

@Incremental

https://vuex.vuejs.org/guide/getters.html#method-style-access

Using pagination-slot

https://quasar.dev/vue-components/table#Example--Pagination-slot

totalRowsNumber

@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.