Hi! We have solved this in our project with using a shims.d.ts file. It looks like this:

import {VueRouter} from 'vue-router/types/router'

declare module 'vue/types/vue/' {
    interface Vue {
        $router: VueRouter
    }
}

Maybe this will help you.

Awesome! And the docs are really clear and refreshing as well.

Amazing!

In your routes.js you can use the beforeEach() function which will be called every time the user switches routes. It could look something like this:

routes.beforeEach((to, from, next) => {
   if (to.matched.some(record => record.meta.requiresAuth) && isAuthenticated()) {
     next('/login')
   } else {
     next()
   }
 })

 function isAuthenticated() {
   // returns true or false
 }

The meta.requiresAuth is something you can add to a route that needs authentication. Hopefully this helps!

@mesqueeb One year later haha, but the proposal seems nice!

Awesome!

Love it! I also left a drawing hehe

Hi there,

The project you cloned runs on an older version of Quasar, maybe the problem lies there? Try to create a new project with the latest version and see if the command line still hangs forever:
http://quasar-framework.org/guide/index.html

Good luck!

What ever happened to this? :^)

Hey! Maybe this will help you: http://quasar-framework.org/components/flex-css.html#Order
You can set the order by adding a class like .order-first or add style='order: 2'

This is awesome! Thank you so much for your efforts!

Looks really neat!

Glorious!

@lattamore I had something similar which caused the data table to look exactly like the one in your screenshot. I fixed it by setting the rowHeight to something bigger, maybe this also works for you!

Hey there, I also have a <q-collapsibe> which contains <q-side-link>'s, but I have never had this issue. Have you already uncommented the imports in the main.js file for IE11 and Edge support?

You can also import these in your main.js file, then you don’t have to import them separately into your other files.

These are the ESLint errors. It says right there what it wants from you in the files. Such as:

no-multiple-empty-lines -> this means you have more than one empty line in your code.
no-multiple-spaces -> this means you have somewhere more than one space in your code.

Hello @donvie,

How can we help if you aren’t telling us anything?

@JDrechsler
Did you declare the clickedBill in the data () method of Vue? Like this:

export default { 
    data () {
        return: {
            clickedBill: ''
        }
    }
}

What you’re trying to do should be possible, because I have the same kind of code in my application.
Hope it helps!

Eleina

Hello Johannes,

Try this: $refs.modalEditBill.open(clickedBill = bill)
Hope this is what you needed!

Eleina