warning member

web/themes/custom/materiotheme/vuejs/components/Content/MemberWarning.vue

@@ -0,0 +1,39 @@
+<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>