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

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),
          ....
        }
      }
    },

@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),
  })
})

yay, thanks @dobbel
started there!

Hi @alessandropcs , not happening here, neither chrome or firefox

Hi community!

I’m creating a Crud component based on QTable and sometimes can be Server side requests, and sometimes simple pagination.

When i do

delete this.pagination.rowsNumber;

even with

:pagination.sync="pagination"

Qtable dont switch back to simple pagination
I tried

$refs.table.setPagination(this.pagination)

but without luck, any suggestions ?

Hi @arlecchino
If you are using @quasar test, you probaly have an index.js with

import QMediaPlayer from 'QMediaPlayer'

localVue.component(QMediaPlayer, { QMediaPlayer})

You can globally import QMediaPlayer there.
For performance things, its better import locally on every test, but globally shold work too.

Only happening in windows, linux work perfect!

Yes i changed versions 10 11 12 , and error still persist…

Hi @dobbel
1 - https://quasar.dev/app-extensions/development-guide/introduction ( i want develop a quasar component )
2-

Changed node version to 14 12 10, and nothing changes.

This error on fresh install of App Extension, no clue…

Got this error running yarn dev on fresh app extensions kit ui

Uncaught TypeError: Cannot read property 'util' of undefined

Someone got it ? can help ?