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>