docs(ComponentExample): automatically read code (#789)

docs/content/6.overlays/5.context-menu.md

@@ -9,42 +9,7 @@ links:
 
 ## Usage
 
-::component-example
-#default
-:context-menu-example
-#code
-```vue
-<script setup>
-const { x, y } = useMouse()
-const { y: windowY } = useWindowScroll()
-
-const isOpen = ref(false)
-const virtualElement = ref({ getBoundingClientRect: () => ({}) })
-
-function onContextMenu () {
-  const top = unref(y) - unref(windowY)
-  const left = unref(x)
-
-  virtualElement.value.getBoundingClientRect = () => ({
-    width: 0,
-    height: 0,
-    top,
-    left
-  })
-
-  isOpen.value = true
-}
-</script>
-
-<template>
-  <div @contextmenu.prevent="onContextMenu">
-    <UContextMenu v-model="isOpen" :virtual-element="virtualElement">
-      <!-- Content -->
-    </UContextMenu>
-  </div>
-</template>
-```
-::
+:component-example{component="context-menu-example"}
 
 ## Props