geodata easter egg: debugging weird template reactivity issue for the bottom menu - works now

packages/nc-gui/components/smartsheet/sidebar/MenuBottom.vue

@@ -25,9 +25,7 @@ function onOpenModal(type: ViewTypes, title = '') {
 </script>
 
 <template>
-  {{ geodataToggleState.show }}
   <a-menu :selected-keys="[]" class="flex flex-col">
-    <div>
     <h3 class="px-3 text-xs font-semibold flex items-center gap-4 text-gray-500">
       {{ $t('activity.createView') }}
     </h3>
@@ -120,14 +118,12 @@ function onOpenModal(type: ViewTypes, title = '') {
         </div>
       </a-tooltip>
     </a-menu-item>
-      <div v-if="geodataToggleState.show">SHOW</div>
     <a-menu-item
+      v-if="geodataToggleState.show"
       key="map"
       class="group !flex !items-center !my-0 !h-2.5rem nc-create-map-view"
       @click="onOpenModal(ViewTypes.MAP)"
     >
-        {{ geodataToggleState.show }}
-
       <a-tooltip :mouse-enter-delay="1" placement="left">
         <template #title>
           {{ $t('msg.info.addView.map') }}
@@ -146,6 +142,5 @@ function onOpenModal(type: ViewTypes, title = '') {
     </a-menu-item>
 
     <div class="w-full h-4" />
-    </div>
   </a-menu>
 </template>

packages/nc-gui/composables/useMapViewDataStore.ts

@@ -4,7 +4,7 @@ import type { ColumnType, MapType, TableType, ViewType } from 'nocodb-sdk'
 import { ref, useInjectionState, useMetas } from '#imports'
 import type { Row } from '~/lib'
 
-export const geodataToggleState = reactive({ show: false })
+export const geodataToggleState = reactive({ show: true })
 
 const formatData = (list: Row[]) =>
   list.map((row) => ({