BUG582:UIメッセージの改善と統一（画面上テキスト）

frontend/src/layouts/MainLayout.vue

@@ -20,7 +20,7 @@
     </q-header>
 
     <q-drawer
-      :model-value="authStore.toggleLeftDrawer"
+      :model-value="authStore.LeftDrawer"
       :show-if-above="false"
       bordered
     >
@@ -28,7 +28,7 @@
         <q-item-label
           header
         >
-          関連リンク
+          メニュー
         </q-item-label>
 
         <EssentialLink
@@ -46,7 +46,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import { onMounted } from 'vue';
 import EssentialLink, { EssentialLinkProps } from 'components/EssentialLink.vue';
 import DomainSelector from 'components/DomainSelector.vue';
 import { useAuthStore } from 'stores/useAuthStore';
@@ -56,14 +56,14 @@ const authStore = useAuthStore();
 const essentialLinks: EssentialLinkProps[] = [
 {
     title: 'ホーム',
-    caption: 'home',
+    caption: '設計書から導入する',
     icon: 'home',
     link: '/',
     target:'_self'
   },
   {
     title: 'フローエディター',
-    caption: 'flowChart',
+    caption: 'イベントを設定する',
     icon: 'account_tree',
     link: '/#/FlowChart',
     target:'_self'
@@ -153,6 +153,9 @@ const essentialLinks: EssentialLinkProps[] = [
 
 const version = process.env.version;
 const productName = process.env.productName;
+onMounted(() => {
+  authStore.toggleLeftMenu();
+});
 
 function toggleLeftDrawer() {
   authStore.toggleLeftMenu();