I base on Meteor + Quasar.
Could example, how to show modal by vue router?
But I don’t want to use parent and child router.
(Dynamic modal router, could use it any where)

thanks for your sharing!

• It work fine on "quasar": "^1.1.0" (But don’t with "quasar": "^1.9.2")
  (Import by demand)

// main.js
import Vue from 'vue'
import {  Quasar, ..... } from 'quasar'

Vue.use(Quasar, {
  components: {},
  plugins: {
  },
  directives: {
  },
})

• But work with this import "quasar": "^1.9.2" (import all on startup file)

import Quasar { .... , ..... } from 'quasar'

Have anyone help me?

@metalsadman thanks for your reply.
I tried this, but still get this error.

I base on Meteor + Quasar.
I would like to use dynamic import comment on Dialog()

methods: {
    showDialog() {
      let DialogForm = () => import('../components/DialogForm.vue')

      this.$q
        .dialog({
          component: DialogForm,
....
}

Get error

[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'show' of undefined"

Hi all, I base on Meteor + Vue Quasar.
I would like to open Modal with Vue Router.
Could you share me?

Hi all, I base on Meteor + Quasar.
I tried to create Restaurant System.
Now I would like to Config Printer Setting on JS.
How to do?

My problem is:

• I have 2 printer connect My PC: One on reception and one in the cook
• I create 2 button Print to Reception, Print to Cook
• I would like to silence mode printing with specific printer name

Thanks for your helping

This is my main.js in Meteor JS

import { Meteor } from 'meteor/meteor'
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import Vuex from 'vuex'
Vue.use(Vuex)

// App layout
import AppLayout from '/src/layouts/App.vue'

// Quasar globally
import '@quasar/extras/material-icons/material-icons.css'
import 'quasar/dist/quasar.min.css'
import Quasar from 'quasar/dist/quasar.esm.js'
// import Quasar from 'quasar/dist/quasar.umd.min.js'
import langEn from 'quasar/lang/en-us'

Vue.use(Quasar, {
  lang: langEn,
})

// Router
import routes from '/src/routes'
const router = new VueRouter({
  mode: 'history',
  routes,
})

// Store
import createStore from '/src/store'
const store = new Vuex.Store(createStore)

//App start
Meteor.startup(() => {
  new Vue({
    router,
    store,
    render: h => h(AppLayout),
  }).$mount('app')
})

Now I tried install npm install vue-template-compiler --save.
It work fine (I don’t understand???)

Still don’t work (Copy your code)

       <div class="q-pa-md" style="max-width: 300px">
          <q-input
            bottom-slots
            v-model="text"
            label="Label"
          >
            <template v-slot:prepend>
              <q-icon name="place"></q-icon>
            </template>
            <template v-slot:append>
              <q-icon
                name="close"
                @click="text = ''"
                class="cursor-pointer"
              ></q-icon>
            </template>
            <template v-slot:hint>Field hint</template>
          </q-input>
        </div>