enhance: embedページではstoreの保存先を完全に分離するように

packages/frontend/src/ui/minimum.vue

@@ -4,7 +4,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<div :class="$style.root">
+<div :class="isEmbed ? $style.rootForEmbedPage : $style.root">
 	<div style="container-type: inline-size;">
 		<RouterView/>
 	</div>
@@ -20,6 +20,12 @@ import { PageMetadata, provideMetadataReceiver, provideReactiveMetadata } from '
 import { instanceName } from '@/config.js';
 import { mainRouter } from '@/router/main.js';
 
+const props = withDefaults(defineProps<{
+	isEmbed?: boolean;
+}>(), {
+	isEmbed: false,
+});
+
 const isRoot = computed(() => mainRouter.currentRoute.value.name === 'index');
 
 const pageMetadata = ref<null | PageMetadata>(null);
@@ -38,7 +44,9 @@ provideMetadataReceiver((metadataGetter) => {
 });
 provideReactiveMetadata(pageMetadata);
 
-document.documentElement.style.overflowY = 'scroll';
+if (!props.isEmbed) {
+	document.documentElement.style.overflowY = 'scroll';
+}
 </script>
 
 <style lang="scss" module>
@@ -46,4 +54,8 @@ document.documentElement.style.overflowY = 'scroll';
 	min-height: 100dvh;
 	box-sizing: border-box;
 }
+
+.rootForEmbedPage {
+	box-sizing: border-box;
+}
 </style>