@nuxt/docs-nightly 4.2.1-29369624.1cc53932 → 4.2.1-29370820.95518afa

package/1.getting-started/18.upgrade.md

@@ -1238,7 +1238,7 @@ However, to take advantage of improved type checking, you can opt in to the new
            // ...
          },
        },
-     }
+     },
    })
    ```
 

package/2.guide/1.directory-structure/3.tsconfig.md

@@ -64,6 +64,6 @@ export default defineNuxtConfig({
         // ...
       },
     },
-  }
+  },
 })
 ```

package/3.api/2.composables/use-async-data.md

@@ -234,12 +234,12 @@ export type AsyncDataHandler<ResT> = (nuxtApp: NuxtApp, options: { signal: Abort
 
 export function useAsyncData<DataT, DataE> (
   handler: AsyncDataHandler<DataT>,
-  options?: AsyncDataOptions<DataT>
+  options?: AsyncDataOptions<DataT>,
 ): AsyncData<DataT, DataE>
 export function useAsyncData<DataT, DataE> (
   key: MaybeRefOrGetter<string>,
   handler: AsyncDataHandler<DataT>,
-  options?: AsyncDataOptions<DataT>
+  options?: AsyncDataOptions<DataT>,
 ): Promise<AsyncData<DataT, DataE>>
 
 type AsyncDataOptions<DataT> = {

package/3.api/2.composables/use-cookie.md

@@ -42,7 +42,7 @@ export interface CookieRef<T> extends Ref<T> {}
 
 export function useCookie<T = string | null | undefined> (
   name: string,
-  options?: CookieOptions<T>
+  options?: CookieOptions<T>,
 ): CookieRef<T>
 ```
 

package/3.api/2.composables/use-fetch.md

@@ -128,7 +128,7 @@ searchQuery.value = 'new search'
 ```ts [Signature]
 export function useFetch<DataT, ErrorT> (
   url: string | Request | Ref<string | Request> | (() => string | Request),
-  options?: UseFetchOptions<DataT>
+  options?: UseFetchOptions<DataT>,
 ): Promise<AsyncData<DataT, ErrorT>>
 
 type UseFetchOptions<DataT> = {

package/3.api/2.composables/use-head-safe.md

@@ -12,22 +12,6 @@ links:
 
 The `useHeadSafe` composable is a wrapper around the [`useHead`](/docs/4.x/api/composables/use-head) composable that restricts the input to only allow safe values. This is the recommended way to manage head data when working with user input, as it prevents XSS attacks by sanitizing potentially dangerous attributes.
 
-```vue [app/app.vue]
-<script setup lang="ts">
-useHeadSafe({
-  script: [
-    { id: 'xss-script', innerHTML: 'alert("xss")' },
-  ],
-  meta: [
-    { 'http-equiv': 'refresh', content: '0;javascript:alert(1)' },
-  ],
-})
-// Will safely generate
-// <script id="xss-script"></script>
-// <meta content="0;javascript:alert(1)">
-</script>
-```
-
 ::warning
 When using `useHeadSafe`, potentially dangerous attributes like `innerHTML` in scripts or `http-equiv` in meta tags are automatically stripped out to prevent XSS attacks. Use this composable whenever you're working with user-generated content.
 ::
@@ -69,7 +53,7 @@ This composable does not return any value.
 ```vue [app/pages/user-profile.vue]
 <script setup lang="ts">
 // User-generated content that might contain malicious code
-const userBio = ref('<script>alert("xss")</script>')
+const userBio = ref('<script>alert("xss")<' + '/script>')
 
 useHeadSafe({
   title: `User Profile`,

package/3.api/2.composables/use-head.md

@@ -17,12 +17,12 @@ The `useHead` composable allows you to manage your head tags in a programmatic a
 useHead({
   title: 'My App',
   meta: [
-    { name: 'description', content: 'My amazing site.' }
+    { name: 'description', content: 'My amazing site.' },
   ],
   bodyAttrs: {
-    class: 'test'
+    class: 'test',
   },
-  script: [{ innerHTML: 'console.log(\'Hello world\')' }]
+  script: [{ innerHTML: 'console.log(\'Hello world\')' }],
 })
 </script>
 ```
@@ -88,8 +88,8 @@ useHead({
   meta: [
     { name: 'description', content: 'Learn more about our company' },
     { property: 'og:title', content: 'About Us' },
-    { property: 'og:description', content: 'Learn more about our company' }
-  ]
+    { property: 'og:description', content: 'Learn more about our company' },
+  ],
 })
 </script>
 ```
@@ -103,11 +103,11 @@ const profile = ref({ name: 'John Doe' })
 useHead({
   title: computed(() => profile.value.name),
   meta: [
-    { 
-      name: 'description', 
-      content: computed(() => `Profile page for ${profile.value.name}`) 
-    }
-  ]
+    {
+      name: 'description',
+      content: computed(() => `Profile page for ${profile.value.name}`),
+    },
+  ],
 })
 </script>
 ```
@@ -121,8 +121,8 @@ const count = ref(0)
 useHead(() => ({
   title: `Count: ${count.value}`,
   meta: [
-    { name: 'description', content: `Current count is ${count.value}` }
-  ]
+    { name: 'description', content: `Current count is ${count.value}` },
+  ],
 }))
 </script>
 ```
@@ -135,15 +135,15 @@ useHead({
   link: [
     {
       rel: 'stylesheet',
-      href: 'https://cdn.example.com/styles.css'
-    }
+      href: 'https://cdn.example.com/styles.css',
+    },
   ],
   script: [
     {
       src: 'https://cdn.example.com/script.js',
-      async: true
-    }
-  ]
+      async: true,
+    },
+  ],
 })
 </script>
 ```
@@ -157,11 +157,11 @@ const isDark = ref(true)
 useHead({
   htmlAttrs: {
     lang: 'en',
-    class: computed(() => isDark.value ? 'dark' : 'light')
+    class: computed(() => isDark.value ? 'dark' : 'light'),
   },
   bodyAttrs: {
-    class: 'themed-page'
-  }
+    class: 'themed-page',
+  },
 })
 </script>
 ```

package/3.api/2.composables/use-lazy-async-data.md

@@ -23,9 +23,15 @@ const { status, data: posts } = await useLazyAsyncData('posts', () => $fetch('/a
 
 <template>
   <div>
-    <div v-if="status === 'pending'">Loading...</div>
-    <div v-else-if="status === 'error'">Error loading posts</div>
-    <div v-else>{{ posts }}</div>
+    <div v-if="status === 'pending'">
+      Loading...
+    </div>
+    <div v-else-if="status === 'error'">
+      Error loading posts
+    </div>
+    <div v-else>
+      {{ posts }}
+    </div>
   </div>
 </template>
 ```
@@ -41,13 +47,13 @@ When using `useLazyAsyncData`, navigation will occur before fetching is complete
 ```ts [Signature]
 export function useLazyAsyncData<DataT, ErrorT> (
   handler: (ctx?: NuxtApp) => Promise<DataT>,
-  options?: AsyncDataOptions<DataT>
+  options?: AsyncDataOptions<DataT>,
 ): AsyncData<DataT, ErrorT>
 
 export function useLazyAsyncData<DataT, ErrorT> (
   key: string,
   handler: (ctx?: NuxtApp) => Promise<DataT>,
-  options?: AsyncDataOptions<DataT>
+  options?: AsyncDataOptions<DataT>,
 ): AsyncData<DataT, ErrorT>
 ```
 

package/3.api/2.composables/use-lazy-fetch.md

@@ -48,7 +48,7 @@ Awaiting `useLazyFetch` only ensures the call is initialized. On client-side nav
 ```ts [Signature]
 export function useLazyFetch<DataT, ErrorT> (
   url: string | Request | Ref<string | Request> | (() => string | Request),
-  options?: UseFetchOptions<DataT>
+  options?: UseFetchOptions<DataT>,
 ): Promise<AsyncData<DataT, ErrorT>>
 ```
 

package/3.api/2.composables/use-runtime-hook.md

@@ -15,7 +15,7 @@ This composable is available in Nuxt v3.14+.
 ```ts [signature]
 function useRuntimeHook<THookName extends keyof RuntimeNuxtHooks> (
   name: THookName,
-  fn: RuntimeNuxtHooks[THookName] extends HookCallback ? RuntimeNuxtHooks[THookName] : never
+  fn: RuntimeNuxtHooks[THookName] extends HookCallback ? RuntimeNuxtHooks[THookName] : never,
 ): void
 ```
 

package/3.api/3.utils/navigate-to.md

@@ -119,7 +119,7 @@ await navigateTo('https://nuxt.com', {
 ```ts [Signature]
 export function navigateTo (
   to: RouteLocationRaw | undefined | null,
-  options?: NavigateToOptions
+  options?: NavigateToOptions,
 ): Promise<void | NavigationFailure | false> | false | void | RouteLocationRaw
 
 interface NavigateToOptions {

package/3.api/5.kit/1.modules.md

@@ -47,7 +47,7 @@ export function defineNuxtModule<TOptions extends ModuleOptions> (
 
 export function defineNuxtModule<TOptions extends ModuleOptions> (): {
   with: <TOptionsDefaults extends Partial<TOptions>> (
-    definition: ModuleDefinition<TOptions, TOptionsDefaults, true> | NuxtModule<TOptions, TOptionsDefaults, true>
+    definition: ModuleDefinition<TOptions, TOptionsDefaults, true> | NuxtModule<TOptions, TOptionsDefaults, true>,
   ) => NuxtModule<TOptions, TOptionsDefaults, true>
 }
 ```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxt/docs-nightly",
-  "version": "4.2.1-29369624.1cc53932",
+  "version": "4.2.1-29370820.95518afa",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/nuxt/nuxt.git",