Hi, I’ve got a project using plain Vue with Typescript but I’m using Dependency Injection for services… the main problem is that I need to “refactor” this line:

new Vue({
      router,
      store,
      render: h => h(App)
    }).$mount('#app');

For this one:

class AppBootstrap {
  constructor() {
    this.loadDependencyContainer();
    this.loadApp();
  }

  loadDependencyContainer(): void {
    buildDependencyContainer();
  }

  loadApp(): void {
    Vue.config.productionTip = false;

    new Vue({
      router,
      store,
      render: h => h(App)
    }).$mount('#app');
  }
}

new AppBootstrap();

But it has to be in ‘main.ts’ file… but obviously it creates conflict with Quasar…

Anyone has tried to make something like this?

You need to add “node” in types property, in tsconfig.json

Hi, I’ve recently created a new project using the latest version available (right now, rc.4).

I’m working on VSCode using Vetur extension and when I’m in any file (vue,ts), Vetur/Console throws an error on “$q” saying for example: "Property ‘$q’ does not exist on type ‘LoginPage’ and quasar “imports” like “components” arent working at all and it says "Cannot find module “components/…”.

Any idea on how to fix this?

Hi, I’m trying the new quasar version and it doesn’t create any project, neither using ‘quasar create X’ or ‘quasar create X -d dev’. The error it throws is "Quasar CLI · [.eslintrc.js] Missing helper: “if_eq”. Any ideas?

Installed versions: NodeJS 10.13.0, @quasar/cli 1.0.0-beta.7, yarn 1.12.3

Hi, I’ve got a “problem” with Vuex and DataTable. I’m giving to my DataTable’s prop “data” an Object from Vuex (computed property mapped from state). That Object is a “form” with some fields, and one of them is a DataTable.

I’ve implemented the logic to ADD and REMOVE rows from that “field” table via Vuex Actions but it throws me the message “Do not mutate vuex store state outside mutation handlers” but, the actual flow of my logic is this:
HTML DataTable own button “ADD” with @click:“addNewRow(id)” -> vue method that dispatches Vuex’s action insertNewRow(id) -> Action insertNewRow commits a mutation “addNewRow(id)” -> Mutation addNewRow(id) finds the field in the object Form and adds a new row -> Vue warn…

Any ideas about why i’m getting this warn?

UPDATED: Add codesandbox example that is a copy of my code BUT in codesandbox is working… https://codesandbox.io/s/mzq48mlq4x