From 0aca4e9fffcfd20b22e793110ba99faf54ea9d51 Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Mon, 8 May 2023 16:52:10 +0000
Subject: [PATCH] Revert "container-name"

This reverts commit 94385d32213a00a06a59fbd2296d6ef1b5f91785.
---
 packages/frontend/src/components/MkModalWindow.vue | 4 +---
 packages/frontend/src/components/MkWindow.vue      | 4 +---
 packages/frontend/src/ui/deck/column.vue           | 2 +-
 3 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/packages/frontend/src/components/MkModalWindow.vue b/packages/frontend/src/components/MkModalWindow.vue
index b4ce5c7c6a..f983f77750 100644
--- a/packages/frontend/src/components/MkModalWindow.vue
+++ b/packages/frontend/src/components/MkModalWindow.vue
@@ -9,7 +9,7 @@
 			<button v-if="!withOkButton" class="_button" @click="$emit('close')"><i class="ti ti-x"></i></button>
 			<button v-if="withOkButton" class="_button" :disabled="okButtonDisabled" @click="$emit('ok')"><i class="ti ti-check"></i></button>
 		</div>
-		<div class="body" :style="`container-name: modalWindow_${id};`">
+		<div class="body">
 			<slot :width="bodyWidth" :height="bodyHeight"></slot>
 		</div>
 	</div>
@@ -18,7 +18,6 @@
 
 <script lang="ts" setup>
 import { onMounted, onUnmounted } from 'vue';
-import { v4 as uuid } from 'uuid';
 import MkModal from './MkModal.vue';
 
 const props = withDefaults(defineProps<{
@@ -40,7 +39,6 @@ const emit = defineEmits<{
 	(event: 'ok'): void;
 }>();
 
-const id = uuid();
 let modal = $shallowRef<InstanceType<typeof MkModal>>();
 let rootEl = $shallowRef<HTMLElement>();
 let headerEl = $shallowRef<HTMLElement>();
diff --git a/packages/frontend/src/components/MkWindow.vue b/packages/frontend/src/components/MkWindow.vue
index 0d96e64e54..b662479b2a 100644
--- a/packages/frontend/src/components/MkWindow.vue
+++ b/packages/frontend/src/components/MkWindow.vue
@@ -29,7 +29,7 @@
 					<button v-if="closeButton" v-tooltip="i18n.ts.close" class="_button" :class="$style.headerButton" @click="close()"><i class="ti ti-x"></i></button>
 				</span>
 			</div>
-			<div :class="$style.content" :style="`container-name: window_${id};`">
+			<div :class="$style.content">
 				<slot></slot>
 			</div>
 		</div>
@@ -49,7 +49,6 @@
 
 <script lang="ts" setup>
 import { onBeforeUnmount, onMounted, provide } from 'vue';
-import { v4 as uuid } from 'uuid';
 import contains from '@/scripts/contains';
 import * as os from '@/os';
 import { MenuItem } from '@/types/menu';
@@ -103,7 +102,6 @@ const emit = defineEmits<{
 
 provide('inWindow', true);
 
-const id = uuid();
 let rootEl = $shallowRef<HTMLElement | null>();
 let showing = $ref(true);
 let beforeClickedAt = 0;
diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue
index f9d64d38b2..402bbe0352 100644
--- a/packages/frontend/src/ui/deck/column.vue
+++ b/packages/frontend/src/ui/deck/column.vue
@@ -22,7 +22,7 @@
 		<span :class="$style.title"><slot name="header"></slot></span>
 		<button v-tooltip="i18n.ts.settings" :class="$style.menu" class="_button" @click.stop="showSettingsMenu"><i class="ti ti-dots"></i></button>
 	</header>
-	<div v-show="active" ref="body" :class="$style.body" :style="`container-name: column_${column.id};`">
+	<div v-show="active" ref="body" :class="$style.body">
 		<slot></slot>
 	</div>
 </section>