I’m using vuejs 3, quasar 2 and vue-i18n for my traductions. how can i use $t or $tc in translation file like this ? i have the error “$tc is not defined” Answer You should be able to do this with “Linked Locale Messages” (https://kazupon.github.io/vue-i18n/guide/messages.html#li…
Tag: quasar-framework
Vue 3 Typescript define unknown array of object
I’m using vue 3 with quasar and I would to make a wrapper for q-table but how can I define rows without using any[]. It works like this but then whenever I use this component I’ll have to convert my object to unknown. Is there any better way? Or I should just turn off “no-explicit-any”…
How to pass a data from a component to other route in VueJS
I have the following component structure:- MainLayout has a page MyGroupPage which needs to display a list of fetched messages in a group based on the MyGroup that is being clicked. But I also want to add new messages in a particular group. To do that I have MyInputBox. Currently the list of groups and messag…
Is it possible to put a bullet in a v-for?
The table The data that is in the Database it is only separated by commas. Frontend structure. The output that I needed My code: How can I achieve this? Answer First split string into array and then loop the array
Inject Vue Component into web page using Quasar bex
I’m building a browser extension using Quasar BEX and I want to show a Vue component in the loaded web page. I already tried to use content script hook to add raw html and css in the web page, but I want to add a component from my src/components folder which is also using Quasar components like q-btn et…
How to make 2 Quasar toggle button groups mutually exclusive?
We have Vue.js app that uses Quasar component framework. The screen shots look as following: Incorrect case: Correct case: I need the only one toggle button group should be active, either percents or standard amounts. Pay attention there’s an array of toggle button groups. The code I wrote produces the …
Make select options larger in q-select quasar
I’m using q-select to display the months and the font size is quite small so I want to make the options larger. I tried changing the font-size in css but it didn’t work. My select atm What the output looks like months selection Answer The <q-select> attributes you need to affect the appearan…
How to add Quasar to an existing Nuxt app?
I want to install Quasar to my existing Nuxt project. I’ve been reading through the quasar docs and the only thing they mentioned in the installation page is their own CLI which has no option for Nuxt. I also came across the nuxt-quasar module but it not maintained anymore. Has anyone have any experienc…
Is it possible to use a variable across pages in VueJS (Quasar Framework)?
I am wondering if it’s possible to do something like this: And access this variable on other .vue page, like this: Thanks for your time. Answer One option will be to use local storage: Then: