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. PS
    P
    • Profile
    • Following 0
    • Followers 0
    • Topics 3
    • Posts 4
    • Best 1
    • Groups 0

    PS

    @PS

    1
    Reputation
    1
    Profile views
    4
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    PS Follow

    Best posts made by PS

    • breakpoint off by 17px?

      If you create a default Quasar project and add

      :breakpoint="1000"
      

      to the q-drawer element, the drawer actually (dis)appears at a width of 983px instead.

      I’m just learning Quasar and taking a course, and the instructor supposed it might be connected to the scrollbar detection.

      Any ideas?

      posted in Help
      P
      PS

    Latest posts made by PS

    • Import strategy for Vue CLI plugin?

      I’m running Quasar as a Vue plugin. My vue.config.js currenly looks as follows:

      module.exports = {
        pluginOptions: {
          quasar: {
            importStrategy: 'kebab',
            rtlSupport: false
          },
          webpackBundleAnalyzer: {
            openAnalyzer: true
          }
        },
        transpileDependencies: [
          'quasar'
        ],
        pwa: {
           [...]
          }
        }
      }
      
      

      The site works fine, but all Quasar components are imported, not just the ones I use. On the other hand, if I replace

      importStrategy: 'kebab'
      

      with

      all: 'auto'
      

      the site breaks; many components (e.g. QLayout, QList etc.) that are used aren’t included.

      I couldn’t find any documentation on the matter. Although the docs do have autoand all as possible values for importStrategy, if I try importStrategy: auto, I get an error:

      Incorrect setting for quasar > importStrategy (auto)
      Use one of: 'kebab', 'pascal', 'combined', 'manual'.
      

      This probably has something to do with v1.1.2 and issue #5098, but I’ve read through those and still can’t understand what the correct solution is.

      To add to the confusion, I also have the following in src/quasar.js:

      Vue.use(Quasar, {
        config: {
        },
        importStrategy: 'auto',
        components: { /* not needed if importStrategy is not 'manual' */ },
        directives: { /* not needed if importStrategy is not 'manual' */ },
        plugins: [
          Cookies,
          Notify
        ],
        lang: lang
      })
      
      

      So – where do I set the import strategy, and how do I do it properly?

      Thanks!

      posted in Framework
      P
      PS
    • RE: Images interfere with Touch Swipe

      Stupid me. The doc explicitly says:

      If your content also has images, you might want to add draggable=“false” to them, otherwise the native browser behavior might interfere in a negative way.

      posted in Help
      P
      PS
    • Images interfere with Touch Swipe

      I have implemented Touch Swipe on a q-page element, which works fine. However, if the element contains an image, then swiping doesn’t work if the movement starts on the image; when using a mouse, the image is dragged instead. If I use @dragstart.prevent on the image, the dragging stops, but swiping still doesn’t work.

      Any ideas?

      posted in Help
      P
      PS
    • breakpoint off by 17px?

      If you create a default Quasar project and add

      :breakpoint="1000"
      

      to the q-drawer element, the drawer actually (dis)appears at a width of 983px instead.

      I’m just learning Quasar and taking a course, and the instructor supposed it might be connected to the scrollbar detection.

      Any ideas?

      posted in Help
      P
      PS