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#linked-locale-messages) So with a messages file something like this: You would then do <div>{{ $t(‘message.linked’, 10)
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” and use any[]? Answer QTable.rows
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 messages in a group are
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 etc. Is
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 incorrect case. It looks as following: How to make 2
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 appearance of the popup menu and its option
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 experience with this? Answer Current answer ⚠️⚠️⚠️⚠️⚠️
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: