From a5f40891c7ad3dd7bac64679e4cbc0a16413e06d Mon Sep 17 00:00:00 2001 From: syuilo <4439005+syuilo@users.noreply.github.com> Date: Fri, 23 Aug 2024 08:28:42 +0900 Subject: [PATCH] Create EmA.vue --- packages/embed/src/components/EmA.vue | 29 +++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 packages/embed/src/components/EmA.vue diff --git a/packages/embed/src/components/EmA.vue b/packages/embed/src/components/EmA.vue new file mode 100644 index 0000000000..662c8aa253 --- /dev/null +++ b/packages/embed/src/components/EmA.vue @@ -0,0 +1,29 @@ +<!-- +SPDX-FileCopyrightText: syuilo and misskey-project +SPDX-License-Identifier: AGPL-3.0-only +--> + +<template> +<a ref="el" :href="to" @click.prevent="nav"> + <slot></slot> +</a> +</template> + +<script lang="ts" setup> +import { computed, inject, shallowRef } from 'vue'; + +const props = withDefaults(defineProps<{ + to: string; + activeClass?: null | string; +}>(), { + activeClass: null, +}); + +const el = shallowRef<HTMLElement>(); + +defineExpose({ $el: el }); + +function nav(ev: MouseEvent) { + location.href = props.to; +} +</script>