Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. Nico-L
    N
    • Profile
    • Following
    • Followers
    • Topics
    • Posts
    • Best
    • Groups

    Nico-L

    @Nico-L

    1
    Reputation
    12
    Posts
    271
    Profile views
    0
    Followers
    0
    Following
    Joined Last Online

    Nico-L Follow

    Posts made by Nico-L

    • RE: State management - vue-stash

      This is the way I am using vue-stash
      Install

      npm install vue-stash
      

      Then :

      quasar new plugin store
      

      it creates store.js in the src/plugins folder. Open it and add :

      // import something here
      import VueStash from 'vue-stash'
      // leave the export, even if you don't use it
      export default ({ app, router, Vue }) => {
        // something to do
        Vue.use(VueStash)
        app.data = {
          store: {
      // define your data here for example
           user: {
               name: 'Bob',
               email: 'bob@bobby.fr'
      }
          }
        }
      }
      

      Then you have to open the quasar config : quasar.conf.js and add ‘store’ in the plugins array

      plugins: [
      ...,
      'store'
      ],
      

      and your good to go. To load the store in your vue files, include :

      store: {
      \\ precise the date you want top import here, for example as mentioned above
         user
      }
      

      be careful to completely define your data in the store.js file if you want them to be reactive.

      posted in CLI
      N
      Nico-L
    • Some fontawesome icon do not show

      Hello,

      I am using the free version of fontAwesome. Some icon does not show though most do. For example :
      <q-icon name="fas fa-user-plus"></q-icon>
      works whereas
      <q-icon name="fas fa-user-alt"></q-icon>
      doesn’t.
      I am in version 0.15 and have declared the fontawesome in quasar.conf according to the doc.

      Is there something I’m missing?

      Thanks

      posted in Help
      N
      Nico-L
    • RE: Optimizing mobile loading

      Following up my first post, the included Webpack bundle analyzer allowed me to discover some huge modules crippling the download times. Once again, great doc, the necessary ip change has been really easy.

      Now, the vendor js file is the only quite huge file containing vue, vue-router and apollo modules and the quasar one, the biggest one by far.

      I also dicovered that the layouts have their own js file with their own modules. Most modules are the same as the main content. Does it mean that they are loaded twice? In the sake of lowering the overall page weight, would it be preferable not to use layout?

      posted in Framework
      N
      Nico-L
    • Optimizing mobile loading

      Hello,

      I am working on a web app for my non-profit organization. It can be seen at https://newagenda.labonnefabrique.fr/
      The app aims a providing tools for advertising and registration. It is using graphCool+apollo as database and is hosted by Netlify or Surge with little differences.
      Using the Chrome audit tool the mobile performances on 3G is very poor (19%, 15s to get to the page for Netlify, 28% and 13s for surge) and a good fraction of this time is used to load and execute the scripts.

      I know that Quasar is already highly optimized but what would be the possibilities to enhance the loading times and optimize the page weight?

      thanks,
      Nicolas

      posted in Framework
      N
      Nico-L
    • RE: focus to input on popups

      Great !

      Thank you very much!

      posted in Help
      N
      Nico-L
    • focus to input on popups

      Hi,

      I’d like to focus on a q-input contained in a popover/dialog when the popover/dialog is shown (usually through a button). I can’t find the way to do it. Here a fiddle with a try :
      https://jsfiddle.net/waugrryy/288/
      I put two buttons. The first one to show the popover and simultaneously I call the focus function with the @click event. No focus is happening inside the popover.
      The second button is inside the popover and correctly set the focus.

      I would like to focus when one clicks on the first button. Is there a way to do that?

      Thanks,
      Nicolas

      posted in Help
      N
      Nico-L
    • layout triggering page update

      Hello,

      I have a layout containing auth functionalities and pages with behaviours depending on the auth state (login/logout).

      how can I trigger an update of the page when the auth state is changed within the layout? I have some auth function added as mixins in the pages. There is in particular an isLoggedIn function checking whether a token is set in the quasar localStorage. Is there any way for example to watch the isLoggedIn function?

      I understand vuex could be the solution but it adds a complexity layer I’d like to avoid if possible.

      Thanks

      posted in Help
      N
      Nico-L
    • localize month abbreviation

      Hello,

      I’d need to translate the months abbreviation (formatDate with ‘MMM’ token). There are the option dayNames and monthNames for translating days and months. Is there any equivalent for the months abbreviation?

      Thanks, and I wish you all a happy new year.
      Nicolas

      posted in Help
      N
      Nico-L
    • quasar build and graphcool endpoint URI

      Hello,

      I am building a small app with graphcool as a graphQL database. The graphCool end point URI is setup in my main.js file.

      I was wondering how this is dealt with during the build. Can the URI still be found in the build files? From a security point of view, what could be the right way to do?

      Thanks,
      Nicolas

      posted in Help
      N
      Nico-L