[UI] Fix behavious when delete user domain

frontend/src/layouts/MainLayout.vue

@@ -34,21 +34,22 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted } from 'vue';
+import { computed, onMounted, reactive } from 'vue';
 import EssentialLink, { EssentialLinkProps } from 'components/EssentialLink.vue';
 import DomainSelector from 'components/DomainSelector.vue';
 import { useAuthStore } from 'stores/useAuthStore';
 
 const authStore = useAuthStore();
+const noDomain = computed(() => !authStore.hasDomain);
 
-const essentialLinks: EssentialLinkProps[] = [
+const essentialLinks: EssentialLinkProps[] = reactive([
   {
     title: 'ホーム',
     caption: '設計書から導入する',
     icon: 'home',
     link: '/',
     target: '_self',
-    disable: !authStore.hasDomain
+    disable: noDomain
   },
   // {
   //   title: 'フローエディター',
@@ -63,7 +64,7 @@ const essentialLinks: EssentialLinkProps[] = [
     icon: 'widgets',
     link: '/#/app',
     target: '_self',
-    disable: !authStore.hasDomain
+    disable: noDomain
   },
   // {
   //   title: '条件エディター',
@@ -94,9 +95,9 @@ const essentialLinks: EssentialLinkProps[] = [
   //   link:'https://cybozu.dev/ja/kintone/docs/',
   //   icon:'help_outline'
   // },
-];
+]);
 
-const domainLinks: EssentialLinkProps[] = [
+const domainLinks: EssentialLinkProps[] = reactive([
   {
     title: 'ドメイン管理',
     caption: 'kintoneのドメイン設定',
@@ -111,9 +112,9 @@ const domainLinks: EssentialLinkProps[] = [
     link: '/#/userDomain',
     target: '_self'
   },
-];
+]);
 
-const adminLinks: EssentialLinkProps[] = [
+const adminLinks: EssentialLinkProps[] = reactive([
   {
     title: 'ユーザー管理',
     caption: 'ユーザーを管理する',
@@ -121,7 +122,7 @@ const adminLinks: EssentialLinkProps[] = [
     link: '/#/user',
     target: '_self'
   },
-]
+])
 
 const version = process.env.version;
 const productName = process.env.productName;