WORKING ALIAS

let path = require('path')

  build: {
      scopeHoisting: true,
      vueRouterMode: 'history',
      // gzip: true,
      // analyze: true,
      // extractCSS: false,
      // useNotifier: false,
      extendWebpack (cfg) {
        cfg.module.rules.push({
          enforce: 'pre',
          test: /\.(js|vue)$/,
          loader: 'eslint-loader',
          exclude: /(node_modules|quasar)/
        })
        cfg.resolve.alias = {
          ...cfg.resolve.alias,
          '@components': path.resolve(__dirname, './src/components'),
          '@helpers': path.resolve(__dirname, './src/helpers'),
          '@module1': path.resolve(__dirname, './src/domains/module1),
          ....
        }
      }
    },

I’m trying to show some examples of quasar and vuejs.
Also adding some libraries to enhance.

I hope it help someone and make Quasar bigger.

https://github.com/odranoelBR/vue-quasar-admin-example
Tks

@Zyme
Try

  <q-transition appear enter="fadeInLeft" leave="fadeOutRight" mode="out-in">
       <router-view  :key="$route.name" />
  </q-transition>

Remember to read http://quasar-framework.org/components/transition.html for imports

Tks all. I will update to 0.14 after the release and finish the project tasks.
Lets keep helping quasar community grows!

Hi, im using collapsible inside <template>.
I will upload a video working when get back in company.
With litle css and no-margin / no-padding etc , works very good.

Additional to this, if you use VS Code and want CTRL + click - open the import file using alias.

Create a jsconfig.json in root folder of project and :

{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "~/*": ["./src/*"],
            "@components/*": ["./src/components/"],
            "@helpers/*": ["./src/helpers/*"],
            "@module1/*": ["./src/domains/module1/*"],
        }
    }
}

Reboot VSCode

@rstoenescu Focus on going man. Quasar needs to be know.
The community can wait a little bit for you to prepare.

Quasar rocks!

VEEEERy Nice. Gtz @sirbeagle

Hi!
Can use a direct v-model too.

<template slot="col-message" slot-scope="cell">
    <q-input :v-model="table[cell.row.__index].message" ></q-input>
</template>

Hi @Mayank , hope i can help you

• Install quasar-framework ----> npm i --save quasar-framework
• Install quasar-extras ----> npm i --save quasar-extras

Where you start your vue ( main.js normaly) add :

• import Quasar from ‘quasar-framework’
• import ‘quasar-extras/roboto-font’
• require(quasar/dist/quasar.mat.css) or require(quasar/dist/quasar.ios.css)

Now start you Vue whit :

Quasar.start(() => {
/* eslint-disable no-new */
  new Vue({
    el: '#q-app', // this ID must exist in your index.html
    router,
    render: h => h(App),
  })
})

Followed this https://docs.npmjs.com/resolving-eacces-permissions-errors-when-installing-packages-globally
and worked. seems like my npm global root are wrong.

thanks @metalsadman

I did sudo npm install -g cordova
and anywhere i run cordova, it comes with help
idk why quasar cli thing its not installed

Operating System Linux(4.15.0-65-generic) - linux/x64
NodeJs 8.15.0

Global packages
NPM 6.4.1
yarn 1.12.3
@quasar/cli 1.0.0
cordova Not installed

Networking
Host muniz-pc
enp3s0 192.168.25.128

thanks @metalsadman
i did npm install -g cordova,
it was installed globally

Hi guys, strange problem…

same here !

Quasar version : 0.17.20

QStepper disable property based on Vuex allow “nextStep()” go througth the disabled step.
If i use sleep 1 ms it works.

Someone have this problem ?

This put quasar on a next level!

Thanks

App version : 17.20

Early versions of quasar dont delete distDir, just ovewrite files.
Can i use overwriting again ?
I dont see options on conf.