No More Posting New Topics!

hi patrick I learning from your examples to implements the apexcharts but in the new framework quasar 2.0.0 I couldnt install so I looking what is changing and in the end I found the new way so I want to pass the information for help others programers so in the file the boot “apex.js” not recognize “Vue” so the new way is this:
file name apex.js
<------------------------implement this code------------------------------------->
import VueApexCharts from ‘vue3-apexcharts’

export default ({ app }) => {
app.component(‘apexchart’, VueApexCharts)
}
<----------------------------------end----------------------------------------------->
and you need have install “vue3-apexcharts” if you use the normal mark error too so that is very important i forgot add the file boot in the quasar.config.js i waste to much time for remember i hope you can improve my informacion in your page for helping other programers i hope this info helping see you and thnx for you excelente page.

Can you share a code snippet where you used the Firebase Dynamic Links?

Also, has anyone tried using these in a capacitor app? I can’t get it to work.

Good point Scott. Thanks for reminding me of the component approach. I’ve use it a few times, but got lazy I guess.

I have used the QResizeObserver and on resize method I use the chart reference and then called the resize method

this.line_chart.resize();

for me as well, 419 caused by a CSRF mismatch

Good news! I’m curious about it.

@suleiman_as

I would just add it to the safelist.

Yes that works. Not ideal but finally some reduced css size for Quasar apps. Good work!

@mayank091193
Very nice!

Feedback: make more!

there is no:
Now navigate to src-capacitor\android\capacitor-cordova-android-plugins\src\main\java\name\ratson\cordova\admob\AdMob.java file
and also there are none code line in my AndroidManifest.xml: <meta-data android:name=“com.google.android.gms.ads.APPLICATION_ID” android:value="$ADMOB_APP_ID"/>
where must i put this code ? if you make a video tutorial it would be very useful

Wow this one is really nice, & color combination is extra ordinary, good job man. Keep it up.

Useful tip, you could also do something like this:

// generate nav links as a list of q-items <q-list> <q-item v-for="(item,id) in items" :key="id" exact tag="a" v-bind="item"> <q-item-section> <q-item-label> {{ item.label }} </q-item-label> </q-item-section> </q-item> </q-list>

And bind all attributes to the item. Binding unused attributes like label usually isn’t a problem, if you wanted could also do:

// the data data () { return { items: [ { label: 'One', attrs: { to: '/one' } }, { label: 'Two', attrs: { to: '/two' } }, { label: 'Bing', attrs: { href: 'http://bing.com', target: '_blank' } } ] }}

And v-bind="item.attrs"

@metalsadman thanks for the feedback

Very cool

Good work .

And for visual people, here’s a before / after of webpack analyze:

webpack