Setup basic structure

src/components/TheWelcome.vue

@@ -5,6 +5,21 @@ import ToolingIcon from './icons/IconTooling.vue';
 import EcosystemIcon from './icons/IconEcosystem.vue';
 import CommunityIcon from './icons/IconCommunity.vue';
 import SupportIcon from './icons/IconSupport.vue';
+import { useAdditionalMenu } from '@/stores/menu';
+import { computed, ref } from 'vue';
+
+const toggle = ref(false);
+
+const menu = computed(() => {
+  return [
+    {
+      text: toggle.value ? 'option 1 select' : 'option 1 unselect',
+      onClick: () => (toggle.value = !toggle.value)
+    },
+    { text: 'option 2' }
+  ];
+});
+useAdditionalMenu(menu);
 </script>
 
 <template>
@@ -118,4 +133,28 @@ import SupportIcon from './icons/IconSupport.vue';
       >becoming a sponsor</a
     >.
   </WelcomeItem>
+  <WelcomeItem>
+    <template #icon>
+      <SupportIcon />
+    </template>
+    <template #heading>Support Vue</template>
+
+    As an independent project, Vue relies on community backing for its
+    sustainability. You can help us by
+    <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener"
+      >becoming a sponsor</a
+    >.
+  </WelcomeItem>
+  <WelcomeItem>
+    <template #icon>
+      <SupportIcon />
+    </template>
+    <template #heading>Support Vue</template>
+
+    As an independent project, Vue relies on community backing for its
+    sustainability. You can help us by
+    <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener"
+      >becoming a sponsor</a
+    >.
+  </WelcomeItem>
 </template>