docs: update to ui pro

Author: atinux

docs/.env.example

@@ -1,6 +1,4 @@
-# To use Nuxt Elements locally
-NUXT_ELEMENTS_PATH=
-# To use Nuxt Elements in production
-NUXT_ELEMENTS_TOKEN=
+# To use Nuxt UI Pro in production
+NUXT_UI_PRO_TOKEN=
 # Used when pre-rendering the docs for dynamic OG images
 NUXT_PUBLIC_SITE_URL=

docs/app.vue

@@ -1,6 +1,5 @@
 <script setup>
 import { debounce } from 'perfect-debounce'
-const { mapContentNavigation } = useElementsHelpers()
 
 const search = ref(null)
 useServerSeoMeta({

docs/layouts/docs.vue

@@ -1,6 +1,5 @@
 <!-- eslint-disable vue/no-v-html -->
 <script setup lang="ts">
-const { mapContentNavigation } = useElementsHelpers()
 const navigation = inject('navigation')
 </script>
 

docs/nuxt.config.ts

@@ -1,7 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  devtools: { enabled: true },
-  extends: process.env.NUXT_ELEMENTS_PATH || '@nuxthq/elements',
+  extends: '@nuxt/ui-pro',
   modules: [
     '@nuxt/image',
     '@nuxt/content',
@@ -13,6 +12,7 @@ export default defineNuxtConfig({
     '@nuxtjs/plausible',
     'nuxt-og-image',
   ],
+  devtools: { enabled: true },
   colorMode: {
     preference: 'dark'
   },

docs/package.json

@@ -13,7 +13,7 @@
     "@iconify-json/simple-icons": "^1.1.71",
     "@nuxt/content": "^2.8.2",
     "@nuxt/image": "link:..",
-    "@nuxthq/elements": "npm:@nuxthq/elements-edge@0.0.1-28250956.31b8365",
+    "@nuxt/ui-pro": "npm:@nuxt/ui-pro-edge@latest",
     "@nuxthq/studio": "^0.14.1",
     "@nuxtjs/fontaine": "^0.4.1",
     "@nuxtjs/google-fonts": "^3.0.2",
@@ -25,9 +25,9 @@
     "perfect-debounce": "^1.0.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.42.1",
-    "@nuxt/devtools": "0.8.3",
-    "@types/node": "^20.6.2",
+    "@antfu/eslint-config": "^0.43.1",
+    "@nuxt/devtools": "0.8.4",
+    "@types/node": "^20.6.3",
     "eslint": "^8.49.0"
   }
 }

docs/pages/[...slug].vue

@@ -3,7 +3,6 @@ definePageMeta({
   layout: 'docs',
 })
 const route = useRoute()
-const { findPageHeadline } = useElementsHelpers()
 
 const { data: page } = await useAsyncData(`docs-${route.path}`, () => queryContent(route.path).findOne())
 if (!page.value)