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>

My package.json

{
  "name": "meteor-quasar1",
  "private": true,
  "scripts": {
    "start": "meteor run",
    "test": "meteor test --once --driver-package meteortesting:mocha",
    "test-app": "TEST_WATCH=1 meteor test --full-app --driver-package meteortesting:mocha",
    "visualize": "meteor --production --extra-packages bundle-visualizer"
  },
  "dependencies": {
    "@babel/runtime": "^7.1.5",
    "@quasar/extras": "^1.0.0",
    "lodash": "^4.17.11",
    "meteor-node-stubs": "^0.4.1",
    "quasar": "^1.0.0-beta.2",
    "vue": "^2.6.6",
    "vue-router": "^3.0.2",
    "vuex": "^3.1.0"
  },
  "meteor": {
    "mainModule": {
      "client": "client/main.js",
      "server": "server/main.js"
    },
    "testModule": "tests/main.js"
  }
}

I base on Meteor JS.
have problem with prepend/append icon on input field

    <q-input
      bottom-slots
      v-model="text"
      label="Label"
      counter
    >
      <template v-slot:prepend>
        <q-icon name="place"/>
      </template>
      <template v-slot:append>
        <q-icon
          name="close"
          @click="text = ''"
          class="cursor-pointer"
        />
      </template>

      <template v-slot:hint>Field hint</template>
    </q-input>