docus 3.0.0-beta.5 → 3.0.0-beta.6

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.0.0-beta.5",
+  "version": "3.0.0-beta.6",
   "name": "docus",
   "scripts": {
     "build": "nuxi build",

package/theme/components/app/MobileNav.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { computed, useDocus, useMenu, useUserAgent, watch } from '#imports'
+
 const { navigation } = useDocus()
 
 const tree = computed(() => {

package/theme/components/dev/Debug.vue

@@ -45,10 +45,13 @@ Object.entries({
     reference,
     () => {
       if (key === 'page')
+        // eslint-disable-next-line no-console
         console.log(`[${icons[key]}] Page updates detected! ${`(${(reference.value as ParsedContent)?.title})` || `(${(reference.value as ParsedContent)?.id})` || ''}`)
       else
+        // eslint-disable-next-line no-console
         console.log(`[${icons[key]}] ${key[0].toUpperCase() + key.slice(1, key.length)} updates detected!`)
 
+      // eslint-disable-next-line no-console
       console.dir({ ...reference.value })
     },
     {

package/theme/components/globals/Icon.vue

@@ -14,7 +14,7 @@ const icon = ref(null)
 
 icon.value = await loadIcon(props.name)
 
-watch(() => props.name, async() => {
+watch(() => props.name, async () => {
   icon.value = await loadIcon(props.name)
 })
 </script>

package/theme/composables/useDocus.ts

@@ -1,4 +1,5 @@
 import { useDocusState } from '../utils/state'
+import { computed } from '#imports'
 
 export const useDocus = () => {
   const { theme, navigation, page, surround } = useDocusState()

package/theme/composables/useMenu.ts

@@ -1,4 +1,4 @@
-import { useState } from '#imports'
+import { useNuxtApp } from '#imports'
 
 export const useMenu = () => {
   const { $menu } = useNuxtApp()

package/theme/composables/useUserAgent.ts

@@ -1,3 +1,5 @@
+import { useNuxtApp } from '#imports'
+
 export const useUserAgent = () => {
   const { $userAgent } = useNuxtApp()
 

package/theme/layouts/default.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { useDocus } from '#imports'
+
 const { theme } = useDocus()
 </script>
 

package/theme/layouts/page.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { useDocus } from '#imports'
+
 const { theme } = useDocus()
 </script>
 

package/theme/middleware/components.ts

@@ -1,9 +1,10 @@
 import { flattenComponents } from '../utils/components'
 import { useDocusState } from '../utils/state'
 import * as Components from '#components'
+import { useNuxtApp } from '#imports'
 
 export default defineNuxtRouteMiddleware(
-  async() => {
+  async () => {
     const { page } = useDocusState()
     const nuxtApp = useNuxtApp()
 

package/theme/middleware/navigation.global.ts

@@ -3,7 +3,7 @@ import { queryNavigation } from '../utils/queries'
 import { defineNuxtRouteMiddleware } from '#imports'
 
 export default defineNuxtRouteMiddleware(
-  async() => {
+  async () => {
     const { navigation } = useDocusState()
 
     if (!navigation.value)

package/theme/middleware/page.ts

@@ -2,7 +2,7 @@ import { queryPage } from '../utils/queries'
 import { defineNuxtRouteMiddleware } from '#imports'
 
 export default defineNuxtRouteMiddleware(
-  async(to) => {
+  async (to) => {
     await queryPage(to)
   },
 )

package/theme/middleware/theme.global.ts

@@ -3,7 +3,7 @@ import { queryTheme } from '../utils/queries'
 import { defineNuxtRouteMiddleware } from '#imports'
 
 export default defineNuxtRouteMiddleware(
-  async() => {
+  async () => {
     const { theme } = useDocusState()
 
     if (!theme.value)

package/theme/pages/[...slug].vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { useDocus, useHead } from '#imports'
+
 definePageMeta({
   middleware: [
     'page',
@@ -14,7 +16,7 @@ useHead({
   meta: [
     { hid: 'og:site_name', property: 'og:site_name', content: 'Nuxt' },
     { hid: 'og:type', property: 'og:type', content: 'website' },
-    { hid: 'twitter:site', name: 'twitter:site', content: theme.value?.url || theme.value?.twitter || '' },
+    { hid: 'twitter:site', name: 'twitter:site', content: theme.value?.url || theme.value?.twitter || '' },
     {
       hid: 'twitter:card',
       name: 'twitter:card',

package/theme/plugins/menu.ts

@@ -1,3 +1,5 @@
+import { defineNuxtPlugin, ref } from '#imports'
+
 export default defineNuxtPlugin((ctx: any) => {
   // Menu visible reference
   const visible = ref(false)

package/theme/plugins/user-agent.ts

@@ -1,3 +1,5 @@
+import { defineNuxtPlugin } from '#imports'
+
 export default defineNuxtPlugin(() => {
   const isDesktopSafari = ref(false)
   const isDesktopFirefox = ref(false)

package/theme/utils/plugin.ts

@@ -9,7 +9,7 @@ export default defineNuxtPlugin(
   (nuxt) => {
     nuxt.hook(
       'app:data:refresh',
-      async() => {
+      async () => {
         const route = useRoute()
 
         await queryNavigation()

package/theme/utils/queries.ts

@@ -5,7 +5,7 @@ import { defaultThemeConfig } from './theme'
 import { useDocusState } from './state'
 import { fetchContentNavigation, queryContent } from '#imports'
 
-export const queryPage = async(route: RouteLocationNormalized | RouteLocationNormalizedLoaded) => {
+export const queryPage = async (route: RouteLocationNormalized | RouteLocationNormalizedLoaded) => {
   const path = withoutTrailingSlash(route.path)
 
   const { page, surround } = useDocusState()
@@ -39,7 +39,7 @@ export const queryPage = async(route: RouteLocationNormalized | RouteLocationNor
   }
 }
 
-export const queryNavigation = async() => {
+export const queryNavigation = async () => {
   const { navigation } = useDocusState()
 
   navigation.value = await fetchContentNavigation(queryContent().where({
@@ -49,7 +49,7 @@ export const queryNavigation = async() => {
   }))
 }
 
-export const queryTheme = async() => {
+export const queryTheme = async () => {
   const { theme } = useDocusState()
 
   // Fetch _theme.yml at `content/` root.

package/theme/utils/theme.ts

@@ -12,6 +12,7 @@ export interface ThemeDebugConfig {
 
 export interface ThemeConfig {
   title: string
+  url: string
   description: string
   twitter: string
   github: string
@@ -33,6 +34,7 @@ export interface ThemeConfig {
 
 export const defaultThemeConfig: ThemeConfig = {
   title: 'Docus',
+  url: 'https://docus.dev',
   twitter: '@docus_',
   github: 'nuxtlabs/docus',
   description: 'Write pages in markdown, use Vue components and enjoy the power of Nuxt with a blazing fast developer experience.',