navbar.ts

import { VueComponent, Prop, Watch } from 'vue-typescript'


class Link {
    name:string;
    path:string;

    constructor(name:string, path:string){
        this.name = name;
        this.path = path;
    }
}

@VueComponent({
    template: require('./navbar.html')
})
export class Navbar extends Vue {

    @Prop
    inverted:boolean = true; //default value

    links:Link[] = [
        new Link('Home', '/'),
        new Link('About', '/about')
    ]

    @Watch('$route.path')
    pathChanged(){
        console.log('Changed current path to: ' + this.$route.path);
    }
}