materio-d8/web/themes/custom/materiotheme/vuejs/components/Content/MemberWarning.vue

<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>