Issue with NuxtUI Pro (mapContentNavigation function)

<script setup lang="ts">
import { mapContentNavigation } from '#ui-pro/utils'

const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation(), { default: () => [] })
</script>

<template>
  <UHeader>
    <template #panel>
      <UNavigationTree :links="mapContentNavigation(navigation)" />
    </template>
  </UHeader>
</template>

<script setup lang="ts">
import { mapContentNavigation } from '#ui-pro/utils'

const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation(), { default: () => [] })
</script>

<template>
  <UHeader>
    <template #panel>
      <UNavigationTree :links="mapContentNavigation(navigation)" />
    </template>
  </UHeader>
</template>

   {
     "extends": "./.nuxt/tsconfig.json"
   }
   

   {
     "extends": "./.nuxt/tsconfig.json"
   }
   

   npm i @nuxt/ui-pro@latest
   

   npm i @nuxt/ui-pro@latest
   

   npm i @nuxt/ui-pro@npm:@nuxt/ui-pro-edge@latest
   

   npm i @nuxt/ui-pro@npm:@nuxt/ui-pro-edge@latest
   

   import { mapContentNavigation } from '@nuxt/ui-pro/dist/runtime/utils/content'
   

   import { mapContentNavigation } from '@nuxt/ui-pro/dist/runtime/utils/content'
   

   export default defineNuxtConfig({
     extends: ['@nuxt/ui-pro'],
     modules: ['@nuxt/ui']
   })
   

   export default defineNuxtConfig({
     extends: ['@nuxt/ui-pro'],
     modules: ['@nuxt/ui']
   })
   

   {
     "extends": "./.nuxt/tsconfig.json"
   }
   

   {
     "extends": "./.nuxt/tsconfig.json"
   }
   

   <script setup lang="ts">
   const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation(), { default: () => [] })
   </script>

   <template>
     <UNavigationTree :links="mapContentNavigation(navigation)" />
   </template>
   

   <script setup lang="ts">
   const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation(), { default: () => [] })
   </script>

   <template>
     <UNavigationTree :links="mapContentNavigation(navigation)" />
   </template>
   

   <script setup lang="ts">
   import { mapContentNavigation } from '#ui-pro/utils'
   
   const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation(), { default: () => [] })
   </script>
   

   <script setup lang="ts">
   import { mapContentNavigation } from '#ui-pro/utils'
   
   const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation(), { default: () => [] })
   </script>
   

   export default defineNuxtConfig({
     extends: ['@nuxt/ui-pro'],
     modules: ['@nuxt/ui', '@nuxt/content']
   })
   

   export default defineNuxtConfig({
     extends: ['@nuxt/ui-pro'],
     modules: ['@nuxt/ui', '@nuxt/content']
   })
   

   npx nuxi cleanup
   npm run build
   npm run dev
   

   npx nuxi cleanup
   npm run build
   npm run dev
   

export default defineNuxtConfig({
  extends: ['@nuxt/ui-pro'],
  modules: [
    '@nuxt/ui',
    '@nuxt/content'
  ]
})

export default defineNuxtConfig({
  extends: ['@nuxt/ui-pro'],
  modules: [
    '@nuxt/ui',
    '@nuxt/content'
  ]
})

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook('app:beforeMount', () => {
    // This will run before the app is unmounted
    console.log('App is about to be unmounted')
    // Perform any cleanup or final actions here
  })
})

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook('app:beforeMount', () => {
    // This will run before the app is unmounted
    console.log('App is about to be unmounted')
    // Perform any cleanup or final actions here
  })
})

export default defineNuxtPlugin({
  name: 'my-plugin',
  hooks: {
    'app:beforeMount'() {
      const nuxtApp = useNuxtApp()
      console.log('App is about to be unmounted')
      // Perform any cleanup or final actions here
    }
  }
})

export default defineNuxtPlugin({
  name: 'my-plugin',
  hooks: {
    'app:beforeMount'() {
      const nuxtApp = useNuxtApp()
      console.log('App is about to be unmounted')
      // Perform any cleanup or final actions here
    }
  }
})

export default defineNuxtPlugin(() => {
  if (process.client) {
    window.addEventListener('beforeunload', () => {
      // Perform cleanup or final actions here
      console.log('App is being unloaded')
    })
  }
})

export default defineNuxtPlugin(() => {
  if (process.client) {
    window.addEventListener('beforeunload', () => {
      // Perform cleanup or final actions here
      console.log('App is being unloaded')
    })
  }
})

   export default defineNuxtConfig({
     content: {
       watch: {
         ws: {
           port: 4001 // or any other available port
         }
       }
     }
   })
   

   export default defineNuxtConfig({
     content: {
       watch: {
         ws: {
           port: 4001 // or any other available port
         }
       }
     }
   })
   

export default defineNuxtConfig({
  content: {
    watch: false
  }
})

export default defineNuxtConfig({
  content: {
    watch: false
  }
})

   watch: { ws: { port: 4000, showURL: false } }
   

   watch: { ws: { port: 4000, showURL: false } }
   

<template>
  <UDashboardPanel>
    <UDashboardNavbar>
      <template #left>
        <!-- Your panel title or other content -->
        <h2>Panel Title</h2>
      </template>
      <template #right>
        <UButton
          icon="i-heroicons-x-mark-20-solid"
          color="gray"
          variant="ghost"
          @click="closePanel"
        />
      </template>
    </UDashboardNavbar>
    
    <!-- Rest of your panel content -->
  </UDashboardPanel>
</template>

<script setup>
const closePanel = () => {
  // Implement your logic to close the panel
  // This could be emitting an event, updating a ref, etc.
}
</script>

<template>
  <UDashboardPanel>
    <UDashboardNavbar>
      <template #left>
        <!-- Your panel title or other content -->
        <h2>Panel Title</h2>
      </template>
      <template #right>
        <UButton
          icon="i-heroicons-x-mark-20-solid"
          color="gray"
          variant="ghost"
          @click="closePanel"
        />
      </template>
    </UDashboardNavbar>
    
    <!-- Rest of your panel content -->
  </UDashboardPanel>
</template>

<script setup>
const closePanel = () => {
  // Implement your logic to close the panel
  // This could be emitting an event, updating a ref, etc.
}
</script>