52 lines
1.1 KiB
Vue
52 lines
1.1 KiB
Vue
<template>
|
|
<redirect-with-account
|
|
v-if="uri"
|
|
:uri="uri"
|
|
:pathAfterLogin="`/events/${uuid}`"
|
|
:sentence="sentence"
|
|
/>
|
|
</template>
|
|
<script lang="ts">
|
|
import { Options, Prop, Vue } from "vue-property-decorator";
|
|
import RedirectWithAccount from "@/components/Utils/RedirectWithAccount.vue";
|
|
import { FETCH_EVENT } from "@/graphql/event";
|
|
import { IEvent } from "@/types/event.model";
|
|
|
|
@Options({
|
|
components: { RedirectWithAccount },
|
|
apollo: {
|
|
event: {
|
|
query: FETCH_EVENT,
|
|
fetchPolicy: "cache-and-network",
|
|
variables() {
|
|
return {
|
|
uuid: this.uuid,
|
|
};
|
|
},
|
|
skip() {
|
|
return !this.uuid;
|
|
},
|
|
},
|
|
},
|
|
metaInfo() {
|
|
return {
|
|
title: this.$t("Participation with account") as string,
|
|
meta: [{ name: "robots", content: "noindex" }],
|
|
};
|
|
},
|
|
})
|
|
export default class ParticipationWithAccount extends Vue {
|
|
@Prop({ type: String, required: true }) uuid!: string;
|
|
|
|
event!: IEvent;
|
|
|
|
get uri(): string | undefined {
|
|
return this.event?.url;
|
|
}
|
|
|
|
sentence = this.$t(
|
|
"We will redirect you to your instance in order to interact with this event"
|
|
);
|
|
}
|
|
</script>
|