Hi, great framework!

I have created a Quasar CLI project (1.9.5) using TypeScript. It all works great, but I’m getting a Typescript error when using

this.$router

outside a *.vue file

e.g.

this.$router.push(’/myPage’);

in ./store/module-example/actions.ts file.

The ERROR is: Property ‘$router’ does not exist on type ‘Store<StoreInterface>’.ts(2339)

Is it considered an anti-pattern to use router in actions.ts file or how can TypeScript be told about this.$router ?

Reason for usage in actions.ts file: I am using Firebase onAuthStateChanged. this.$router actually does work, but shows the error in VScode.

///actions.ts
const actions: ActionTree<ExampleStateInterface, StoreInterface> = {

  handleAuthStateChanged({ commit }: { commit: any }) {
    
    firebaseAuth.onAuthStateChanged(user => {
      // Is triggered every time user state changes
      if (user) {
        // User is logged in
    
        this.$router.push('myPage');
      } else {
        // User is logged out
        
        this.$route.push('/login');
      }
    });
  }
};

I have created a Quasar CLI project using TypeScript. It’s all very impressing, but now I’m facing a problem importing 3rd party libraries (cheerio, jQuery or similar).

I have a Index.vue file, where I’m fetching HTML/XML from an API. I need to find different nodes in the HTML/XML based on classes etc., hence I thought of using jQuery or cheerio to CSS select the node(s) I need.

When importing cheerio:

import {cheerio} from 'cheerio';

I get the error:

Could not find a declaration file for module 'cheerio'. 
'/node_modules/cheerio/index.js' implicitly has an 'any' type.
  Try `npm install @types/cheerio` if it exists 
or add a new declaration (.d.ts) file 
containing `declare module 'cheerio';`Vetur(7016)

Installing cheerio types does not work:

npm install @types/cheerio

If I look into node_modules/@types, there is a cheerio/index.d.ts file

Any idea why this does not work out of the box with Quasar?