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

duplicated of https://forum.quasar-framework.org/topic/3271/v1-filter-feature-in-qselect/4?_=1601990444085

Same feeling here.

Hi guys.
I’m migrating an application from 0.17 to 1+.
Why the ‘filter feature’ become so complex ? i understand the need of a complex function to handle the filtering. But most of cases just a filter like 0.17 works perfect.

Someone have a solution for it ? some forms have 4 5 selects with filter needing, it make alot of boilerplate code…

Yea man, i know, we must read docs before post something, but this project was compiling in early versions whitout manage any icons.
In upgrade docs dont mention this change of mandatory.

Tks for the help man, the problem is:
quasar docs must put this part https://quasar.dev/quasar-cli/developing-cordova-apps/app-icons-cordova
as mandatory to generate, in previus versions this are not.

No.
I installed the splashcreeen wishing to help

I have a fresh install of quasar cli and created a project.
Installed cordova from docs.
I did this too
cd src-cordova
cordova plugin add cordova-plugin-splashscreen
cordova plugin save

When compile get error above.
Tks for help!

test\src-cordova\platforms\android\app\src\main\res\drawable-land-hdpi\screen.png: Error: The drawable “screen” in drawable-land-hdpi has no declaration in the base drawable folder or in a drawable-densitydpi folder; this can lead to crashes when the drawable is queried in a configuration that does not match this qualifier [MissingDefaultResource]

Operating System - Windows_NT(10.0.18363) - win32/x64
NodeJs - 10.21.0

Global packages
  NPM - 6.14.4
  yarn - 1.22.4
  @quasar/cli - 1.1.0
  cordova - 9.0.0 (cordova-lib@9.0.1)

Important local packages
  quasar - 1.12.13 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app - 2.0.6 -- Quasar Framework local CLI
  @quasar/extras - 1.9.0 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 2.6.11 -- Reactive, component-oriented view layer for modern web interfaces.
  vue-router - 3.2.0 -- Official router for Vue.js 2
  vuex - 3.4.0 -- state management for Vue.js
  electron - Not installed
  electron-packager - Not installed
  electron-builder - Not installed
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed
  @babel/core - 7.10.5 -- Babel compiler core.
  webpack - 4.43.0 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
  webpack-dev-server - 3.11.0 -- Serves a webpack app. Updates the browser on changes.
  workbox-webpack-plugin - Not installed
  register-service-worker - 1.7.1 -- Script for registering service worker, with hooks
  typescript - 3.9.5 -- TypeScript is a language for application scale JavaScript development

Quasar App Extensions
  *None installed*

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