other components... (2)

src/views/email/unsubscribe/unsubscribe.vue

@@ -0,0 +1,48 @@
+<template>
+    <q-page padding class="vreg">
+        <div class="q-pa-md q-gutter-sm">
+            <q-banner
+                    rounded
+                    class="bg-primary text-white"
+                    color="primary q-title"
+                    style="text-align: center;">
+                <span class="mybanner">{{ $t('components.authentication.email_verification.title_unsubscribe')}}: {{email()}}</span>
+            </q-banner>
+            <br>
+
+            <transition
+                    enter-active-class="animated fadeIn"
+                    leave-active-class="animated fadeOut"
+                    appear
+
+            >
+
+                <q-banner
+                        rounded
+                        class="bg-warning text-black"
+                        style="text-align: center;"
+                        v-if="errore()"
+                >
+                    <span class="mybanner">{{ risultato}}</span>
+                </q-banner>
+                <q-banner
+                        class="bg-positive text-white"
+                        style="text-align: center;"
+                        rounded
+                        v-if="disiscritto()"
+                >
+                    <span class="mybanner">{{ $t('components.authentication.email_verification.title_unsubscribe_done') }}</span>
+                </q-banner>
+            </transition>
+
+
+        </div>
+    </q-page>
+</template>
+
+<script lang="ts" src="./unsubscribe.ts">
+</script>
+
+<style lang="scss" scoped>
+    @import './unsubscribe.scss';
+</style>