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

Design a SPA developed with Quasar Framework + Speech API to capture audio and transform into text, or use text as the basis for the application to output audio.

DEMO: https://quasarspeechapi.surge.sh

GITHUB: https://github.com/patrickmonteiro/quasar-speech-api

@metalsadman thanks for the feedback

github: https://github.com/patrickmonteiro/quasar-warren

demo: http://quasar-warren.surge.sh/

New examples added!

@jmriyaz84 said in Quasar Framework + Speech API:

https://developer.mozilla.org/pt-BR/docs/Web/API/SpeechRecognition#Browser_compatibility

Well, for browsers I don’t think there is a solution. Unless you force iphone users to use chrome for this.

You have the alternative of generating hybrid apps with corva and using the TTS plugin:

https://www.npmjs.com/package/cordova-plugin-tts

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