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. fakx
    F
    • Profile
    • Following 0
    • Followers 0
    • Topics 1
    • Posts 13
    • Best 1
    • Groups 0

    fakx

    @fakx

    1
    Reputation
    379
    Profile views
    13
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    fakx Follow

    Best posts made by fakx

    • RE: Qinput v-model dont get updated

      Hi all,
      I have the same problem, here is a codepen: https://codepen.io/alexanderkoehn/pen/poEorwx
      The curious thing is: When there is an additional normal input or a second q-input, everything works as expected.
      Using only a <input /> works too.

      Regards

      posted in Help
      F
      fakx

    Latest posts made by fakx

    • RE: Compiling in Electron for both MacOS and Windows

      Use the -T option:

      quasar build -m electron -T darwin -T win32

      see available options:

      quasar build --help

      posted in Help
      F
      fakx
    • RE: Qinput v-model dont get updated

      Hi all,
      I have the same problem, here is a codepen: https://codepen.io/alexanderkoehn/pen/poEorwx
      The curious thing is: When there is an additional normal input or a second q-input, everything works as expected.
      Using only a <input /> works too.

      Regards

      posted in Help
      F
      fakx
    • RE: Integrate vue-styleguidist with quasar

      I have written a js script to try to load the webpack config into styleguidist. I know these are internal APIs, but maybe this can serve as a start to extend quasar:

      const getConfig = require('vue-styleguidist/scripts/config');
      const binutils = require('vue-styleguidist/scripts/binutils');
      const StyleguidistError = require('react-styleguidist/scripts/utils/error');
      
      QuasarConfig = require('quasar-cli/lib/quasar-config')
      
      async function parseAddress({
        host,
        port
      }) {
        if (this.chosenHost) {
          host = this.chosenHost
        } else {
          if (host && ['localhost', '127.0.0.1', '::1'].includes(host.toLowerCase())) {
            host = '0.0.0.0'
          }
        }
      
        this.running = true
        return {
          host,
          port
        }
      }
      
      async function init(config) {
        const quasarConfig = new QuasarConfig({
          dev: true,
          port: 8000,
          host: 'localhost',
          dev: true,
          onAddress: parseAddress
        })
        await quasarConfig.prepare()
        quasarConfig.compile()
        config.webpackConfig = quasarConfig.getWebpackConfig()
        binutils.commandServer(config, true);
      }
      
      let config;
      try {
        config = getConfig({}, binutils.updateConfig);
      } catch (err) {
        if (err instanceof StyleguidistError) {
          const link = consts.DOCS_CONFIG + (err.anchor ? `#${err.anchor.toLowerCase()}` : '');
          binutils.printErrorWithLink(
            err.message,
            `${err.extra}\n\nLearn how to configure your style guide:`,
            link
          );
          process.exit(1);
        } else {
          throw err;
        }
      }
      
      init(config);
      

      With this styleguidist starts, but I get stylus resolve error in .quasar/variables.styl

      Error: ...\.quasar\variables.styl:20:9
         16| // ........
         17| // </style>
         18|
         19| // First we load app's Stylus variables
         20| @import '~quasar-app-variables'
      ---------------^
         21|
         22| // Then we load Quasar Stylus variables.
         23| // Any variables defined in "app.variables.styl"
      
      failed to locate @import file ~quasar-app-variables.styl
       @ ./src/components/Mood.vue?vue&type=style&index=0&id=7844d8b2&scoped=true&lang=stylus& (./node_modules/vue-style-loader??ref--7-oneOf-2-0!./node_modules/css-loader??ref--7-oneOf-2-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-oneOf-2-2!./node_modules/stylus-loader??ref--7-oneOf-2-3!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Mood.vue?vue&type=style&index=0&id=7844d8b2&scoped=true&lang=stylus&) 4:14-403 14:3-18:5 15:22-411
       @ ./src/components/Mood.vue?vue&type=style&index=0&id=7844d8b2&scoped=true&lang=stylus&
       @ ./src/components/Mood.vue
       @ ./node_modules/vue-styleguidist/loaders/styleguide-loader.js!./node_modules/vue-styleguidist/lib/index.js
       @ ./node_modules/vue-styleguidist/lib/index.js
       @ multi ./node_modules/vue-styleguidist/lib/index ./node_modules/react-dev-utils/webpackHotDevClient.js
      

      Any idea what is missing? Where is ‘quasar-app-variables’ defined?

      posted in CLI
      F
      fakx
    • Integrate vue-styleguidist with quasar

      Re: Location of generated webpack config

      I want to use vue-styleguidist and reuse the quasar generated webpack config.js
      Has anyone done this yet?

      posted in CLI
      F
      fakx
    • RE: Dark for all components

      Maybe color branding helps: https://quasar-framework.org/components/color-utils.html ?

      posted in Framework
      F
      fakx
    • RE: How to access extra-fields from QUploader

      Can’t you just dump the complete request object for manual inspection?

      posted in Framework
      F
      fakx
    • RE: Some fontawesome icon do not show

      Same here, I am missing e.g. all the free solid emoji icons

      posted in Help
      F
      fakx
    • RE: Help me on cordova

      dist contains subfolders for each theme and spa or pwa modes like spa-mat. You have to symlink the one you are working with

      posted in Help
      F
      fakx
    • RE: Help me on cordova

      Are you on windows? You have to know that cordova expects a www folder in the src-cordova directory. The quasar-cli creates a symlink, but this does not work on windows. You have to symlink the /my-quasar-project/dist/spa-mat folder to /my-quasar-project/src-cordova/www. Using a tool like Link Shell Extension http://schinagl.priv.at/nt/hardlinkshellext/linkshellextension.html makes this easy.

      posted in Help
      F
      fakx
    • RE: How to have q-btn cover the height of q-toolbar

      You could try using the spacing classes as described here:
      https://quasar-framework.org/components/spacing.html
      e.g.

      <q-btn class="q-py-lg" icon="people" />
      posted in Help
      F
      fakx