fix broken imports

packages/frontend-embed/@types/global.d.ts

@@ -0,0 +1,23 @@
+/*
+ * SPDX-FileCopyrightText: syuilo and misskey-project
+ * SPDX-License-Identifier: AGPL-3.0-only
+ */
+
+type FIXME = any;
+
+declare const _LANGS_: string[][];
+declare const _VERSION_: string;
+declare const _ENV_: string;
+declare const _DEV_: boolean;
+declare const _PERF_PREFIX_: string;
+declare const _DATA_TRANSFER_DRIVE_FILE_: string;
+declare const _DATA_TRANSFER_DRIVE_FOLDER_: string;
+declare const _DATA_TRANSFER_DECK_COLUMN_: string;
+
+// for dev-mode
+declare const _LANGS_FULL_: string[][];
+
+// TagCanvas
+interface Window {
+	TagCanvas: any;
+}

packages/frontend-embed/src/components/EmInstanceTicker.vue

@@ -15,6 +15,7 @@ import { computed, inject } from 'vue';
 
 import { DI } from '@/di.js';
 
+const serverMetadata = inject(DI.serverMetadata)!;
 const mediaProxy = inject(DI.mediaProxy)!;
 
 const props = defineProps<{
@@ -27,7 +28,7 @@ const props = defineProps<{
 
 const faviconUrl = computed(() => mediaProxy.getProxiedImageUrlNullable(props.instance.faviconUrl, 'preview'));
 
-const themeColor = instance.themeColor ?? '#777777';
+const themeColor = serverMetadata.themeColor ?? '#777777';
 
 const bg = {
 	background: `linear-gradient(90deg, ${themeColor}, ${themeColor}00)`,

packages/frontend-embed/src/components/EmLink.vue

@@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, ref } from 'vue';
+import { ref } from 'vue';
 import EmA from './EmA.vue';
 import { url as local } from '@/config.js';
 

packages/frontend-embed/src/components/EmMfm.ts

@@ -43,7 +43,7 @@ type MfmProps = {
 	parsedNodes?: mfm.MfmNode[] | null;
 	enableEmojiMenu?: boolean;
 	enableEmojiMenuReaction?: boolean;
-	linkNavigationBehavior?: EmABehavior;
+	linkNavigationBehavior?: string;
 };
 
 type MfmEvents = {
@@ -222,11 +222,8 @@ export default function (props: MfmProps, { emit }: { emit: SetupContext<MfmEven
 						break;
 					}
 					case 'sparkle': {
-						if (!useAnim) {
 						return genEl(token.children, scale);
 					}
-						return h(EmSparkle, {}, genEl(token.children, scale));
-					}
 					case 'rotate': {
 						const degrees = safeParseFloat(token.props.args.deg) ?? 90;
 						style = `transform: rotate(${degrees}deg); transform-origin: center center;`;

packages/frontend-embed/src/components/I18n.vue

@@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <script setup lang="ts" generic="T extends string | ParameterizedString">
 import { computed, h } from 'vue';
-import type { ParameterizedString } from '../../../../../locales/index.js';
+import type { ParameterizedString } from '../../../../locales/index.js';
 
 const props = withDefaults(defineProps<{
 	src: T;

packages/frontend-embed/tsconfig.json

@@ -34,7 +34,6 @@
 		],
 		"types": [
 			"vite/client",
-			"vitest/importMeta",
 		],
 		"lib": [
 			"esnext",