Dynamically generated NAV menu

[lminuti]

I need to create some Nav menu items from an ajax call. That ajax call should be done at runtime: when someone visit the web site, I have to read some data from a remote API and build some menu items. Have you some idea?

[brc-dd]

https://vitepress.dev/reference/default-theme-nav#custom-components

[lminuti]

Thank you. I think it's exactly what I need.

[brc-dd]

You can refer these components - https://github.com/vuejs/vitepress/tree/main/__tests__/e2e/.vitepress/theme/components

If you're not familiar with vue, the fetch will be something like this:

import { onMounted, ref } from 'vue'

const props = defineProps<{
  screenMenu?: boolean
}>()

const items = ref<{ text: string; link: string }[]>([])

onMounted(async () => {
  const res = await fetch('https://your/api/call')
  const json = await res.json()
  // process json 
  items.value = processedJson
})