No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. tlloyduk
    3. Best
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 25
    • Best 2
    • Groups 0

    Best posts made by tlloyduk

    • RE: Integrating thrid party component

      @pazarbasifatih This is what I did…

      Installed the @growthbunker/vueflags package

      quasar new boot flags - created a new boot file:

      import Vue from 'vue'
      import VueFlags from '@growthbunker/vueflags'
      
      Vue.use(VueFlags, {
        iconPath: '/flags'
      })
      

      Make sure you add the boot file to quasar.conf.js boot array.

      Created a new folder in /public called flags (created public if it doesn’t already exist, same level as src)

      From the Vueflags web site, downloaded the flags I wanted e.g gb.svg, es.svg, fr.svg and put them in public/flags

      You can then use <gb-flag code="es" size="mini" /> in your components. I wrapped it up into a Language Switcher component, e.g:

      772e5ccb-e1f6-412f-a3aa-a03179b5c891-image.png

      which uses this.$i18n.local to determine what flag to display in the q-btn-dropdown label slot.

      posted in Framework
      tlloyduk
      tlloyduk
    • RE: Access Capacitor API from store action ?

      Using the app alias worked, e.g.
      import { Plugins } from 'app/src-capacitor/node_modules/@capacitor/core'

      Thanks

      posted in Help
      tlloyduk
      tlloyduk