feat: rewrite to use app config and rework docs (#143)

Co-authored-by: Daniel Roe <daniel@roe.dev>
Co-authored-by: Sébastien Chopin <seb@nuxt.com>

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

@@ -0,0 +1,49 @@
+---
+github: true
+---
+
+## Usage
+
+::component-example
+#default
+:context-menu-example
+#code
+```vue
+<script setup>
+const { x, y } = useMouse()
+
+const isOpen = ref(false)
+const virtualElement = ref({ getBoundingClientRect: () => ({}) })
+
+function openContextMenu () {
+  const top = unref(y)
+  const left = unref(x)
+
+  virtualElement.value.getBoundingClientRect = () => ({
+    width: 0,
+    height: 0,
+    top,
+    left
+  })
+
+  isOpen.value = true
+}
+</script>
+
+<template>
+  <div @contextmenu.prevent="openContextMenu">
+    <UContextMenu v-model="isOpen" :virtual-element="virtualElement" width-class="w-48">
+      <!-- Content -->
+    </UContextMenu>
+  </div>
+</template>
+```
+::
+
+## Props
+
+:component-props
+
+## Preset
+
+:component-preset