<template> <div id="member-warning"> <h2>{{ $t('materio.Oops') }}</h2> <!-- <router-link :to="{ name: 'pricing'}">Join us</router-link> --> <p>{{ $t('materio.To be able to access to our 8000+ materials you need become a member') }}</p> <a href="/pricing" @click.prevent="onclick" >{{ $t('materio.Join us') }}</a> </div> </template> <script> import router from 'vuejs/route' export default { name: "MemberWarning", router, data: () => ({ }), methods:{ onclick(){ console.log('clicked', ) this.$modal.hideAll() this.$router.push({ name:`pricing` // params: { alias:this.alias, id: this.item.nid } // query: { nid: this.item.nid } // meta: { uuid:this.item.uuid }, }) } } } </script> <style lang="scss" scoped> </style>