Skip to content

Commit 8889c58

Browse files
harlan-zwharlan-zw
committed
chore: fix doc build
1 parent 5fddfdf commit 8889c58

File tree

9 files changed

+46
-49
lines changed

9 files changed

+46
-49
lines changed

‎docs/app/app.vue‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,7 @@ provide('topGuides', computed(() => {
4040
</script>
4141

4242
<template>
43+
<UApp>
4344
<div class="bg-white dark:bg-gray-950">
4445
<NuxtLoadingIndicator color="#FFF" />
4546

@@ -58,8 +59,8 @@ provide('topGuides', computed(() => {
5859
:fuse="{ resultLimit: 42 }"
5960
/>
6061
</ClientOnly>
61-
<UNotifications />
6262
</div>
63+
</UApp>
6364
</template>
6465

6566
<style>

‎docs/app/assets/css/main.css‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
@import "tailwindcss";
2+
@import "@nuxt/ui-pro";

‎docs/app/components/Header.vue‎

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import type { NavItem } from '@nuxt/contents'
33
44
const navigation = inject<NavItem[]>('navigation', [])
5-
const { metaSymbol } = useShortcuts()
5+
// const { metaSymbol } = useShortcuts()
66
const { header } = useAppConfig()
77
const links = [
88
{
@@ -12,29 +12,31 @@ const links = [
1212
{
1313
label: 'Script Registry',
1414
to: '/scripts',
15-
icon: 'i-ph-floppy-disk-duotone',
1615
},
1716
{
1817
label: 'Learn',
1918
to: '/learn',
20-
icon: 'i-ph-floppy-disk-duotone',
2119
},
2220
]
2321
</script>
2422

2523
<template>
2624
<UHeader :ui="{}" :links="links">
27-
<template #logo>
25+
<UNavigationMenu :items="links" />
26+
27+
<template #title>
28+
<div class="flex items-center gap-3">
2829
<Logo />
29-
<UBadge class="ml-5 hidden md:block" size="xs" color="yellow" variant="subtle">
30+
<UBadge class="hidden md:block" size="sm" color="warning" variant="subtle">
3031
Beta
3132
</UBadge>
33+
</div>
3234
</template>
3335

3436
<template #right>
35-
<UTooltip text="Search" :shortcuts="[metaSymbol, 'K']" :popper="{ strategy: 'absolute' }">
36-
<UContentSearchButton :label="null" />
37-
</UTooltip>
37+
<!-- <UTooltip text="Search" :shortcuts="[metaSymbol, 'K']" :popper="{ strategy: 'absolute' }">-->
38+
<!-- <UContentSearchButton :label="null" />-->
39+
<!-- </UTooltip>-->
3840
<UColorModeButton />
3941
<template v-if="header?.links">
4042
<UButton
@@ -45,9 +47,5 @@ const links = [
4547
/>
4648
</template>
4749
</template>
48-
49-
<template #panel>
50-
<UNavigationTree :links="mapContentNavigation(navigation)" />
51-
</template>
5250
</UHeader>
5351
</template>

‎docs/app/error.vue‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ useSeoMeta({
1212
</script>
1313

1414
<template>
15+
<UApp>
1516
<div>
1617
<Header />
1718

@@ -31,4 +32,5 @@ useSeoMeta({
3132
</UMain>
3233
</UContainer>
3334
</div>
35+
</UApp>
3436
</template>

‎docs/app/layouts/docs.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,11 @@ const navItems = computed(() => {
1212

1313
<template>
1414
<div class="relative mb-20">
15-
<svg viewBox="0 0 1440 181" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-blue-900/30 pointer-events-none absolute w-full top-[1px] transition-all text-primary flex-shrink-0 opacity-100 duration-[400ms] opacity-30 z-20"><mask id="path-1-inside-1_414_5526" fill="white"><path d="M0 0H1440V181H0V0Z" /></mask><path d="M0 0H1440V181H0V0Z" fill="url(#paint0_linear_414_5526)" fill-opacity="0.22" /><path d="M0 2H1440V-2H0V2Z" fill="url(#paint1_linear_414_5526)" mask="url(#path-1-inside-1_414_5526)" /><defs><linearGradient id="paint0_linear_414_5526" x1="720" y1="0" x2="720" y2="181" gradientUnits="userSpaceOnUse"><stop stop-color="currentColor" /><stop offset="1" stop-color="currentColor" stop-opacity="0" /></linearGradient><linearGradient id="paint1_linear_414_5526" x1="0" y1="90.5" x2="1440" y2="90.5" gradientUnits="userSpaceOnUse"><stop stop-color="currentColor" stop-opacity="0" /><stop offset="0.395" stop-color="currentColor" /><stop offset="1" stop-color="currentColor" stop-opacity="0" /></linearGradient></defs></svg>
16-
<div class="px-10 pt-1">
15+
<svg viewBox="0 0 1440 181" fill="none" xmlns="http://www.w3.org/2000/svg" class="text-blue-900/20 pointer-events-none absolute w-full top-[1px] transition-all text-sky-400 flex-shrink-0 duration-[400ms] opacity-30 z-20"><mask id="path-1-inside-1_414_5526" fill="white"><path d="M0 0H1440V181H0V0Z" /></mask><path d="M0 0H1440V181H0V0Z" fill="url(#paint0_linear_414_5526)" fill-opacity="0.22" /><path d="M0 2H1440V-2H0V2Z" fill="url(#paint1_linear_414_5526)" mask="url(#path-1-inside-1_414_5526)" /><defs><linearGradient id="paint0_linear_414_5526" x1="720" y1="0" x2="720" y2="181" gradientUnits="userSpaceOnUse"><stop stop-color="currentColor" /><stop offset="1" stop-color="currentColor" stop-opacity="0" /></linearGradient><linearGradient id="paint1_linear_414_5526" x1="0" y1="90.5" x2="1440" y2="90.5" gradientUnits="userSpaceOnUse"><stop stop-color="currentColor" stop-opacity="0" /><stop offset="0.395" stop-color="currentColor" /><stop offset="1" stop-color="currentColor" stop-opacity="0" /></linearGradient></defs></svg>
16+
<div class="px-10 pt-10 pt-1">
1717
<div class="flex gap-10">
1818
<UAside class="w-[300px] pt-10">
19-
<UNavigationTree :links="navItems" />
19+
<UContentNavigation :navigation="navItems" highlight />
2020
</UAside>
2121
<div class="xl:ml-[100px] max-w-[45rem]">
2222
<slot />

‎docs/app/pages/index.vue‎

Lines changed: 18 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -225,14 +225,9 @@ const contributors = useRuntimeConfig().public.contributors
225225

226226
<template>
227227
<div>
228-
<ULandingHero
228+
<UPageHero
229229
:links="links"
230230
orientation="horizontal"
231-
:ui="{
232-
container: 'max-w-full overflow-hidden py-10 flex flex-row items-center justify-center gap-1 max-w-full',
233-
links: 'flex items-center gap-2',
234-
description: 'text-gray-500 dark:text-gray-400 text-xl max-w-2xl leading-normal mb-10',
235-
}"
236231
>
237232
<template #title>
238233
<div class="leading-tight">
@@ -257,17 +252,17 @@ const contributors = useRuntimeConfig().public.contributors
257252
</a>
258253
</div>
259254
</div>
260-
</ULandingHero>
255+
</UPageHero>
261256

262-
<ULandingSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
257+
<UPageSection :ui="{ container: 'pt-0 py-6 sm:py-14 lg:py-14' }">
263258
<ul class="grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-4 lg:gap-x-8 lg:gap-y-16">
264259
<ShowcaseCard v-for="feature in features" :key="feature.name" :label="feature.name" :description="feature.description">
265260
<UIcon :name="feature.icon" class="h-20 w-20 shrink-0 text-primary" />
266261
</ShowcaseCard>
267262
</ul>
268-
</ULandingSection>
263+
</UPageSection>
269264

270-
<ULandingSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
265+
<UPageSection :ui="{ container: 'pt-0 py-6 sm:py-14' }">
271266
<div class="xl:flex items-center justify-between gap-12">
272267
<div class="max-w-lg">
273268
<UIcon name="i-ph-magic-wand-duotone" class="h-[100px] w-[100px] text-primary" />
@@ -289,7 +284,7 @@ const contributors = useRuntimeConfig().public.contributors
289284
</div>
290285
</UCard>
291286
</div>
292-
</ULandingSection>
287+
</UPageSection>
293288

294289
<UContainer class="py-6 sm:py-20 gap-8 lg:gap-20 flex flex-col xl:flex-row ">
295290
<div class="max-w-lg">
@@ -325,7 +320,7 @@ const contributors = useRuntimeConfig().public.contributors
325320
</UBadge>
326321
</div>
327322
<div class="flex items-center gap-3 max-w-full">
328-
<UProgress :value="benchmark.nuxt[webVital]" :max="benchmark.iframe[webVital]" color="purple" class="flex flex-grow" />
323+
<UProgress :model-value="benchmark.nuxt[webVital]" :max="benchmark.iframe[webVital]" color="info" class="flex flex-grow" />
329324
<div class="w-14 flex-grow text-right">
330325
{{ humanizeMs(benchmark.nuxt[webVital]) }}
331326
</div>
@@ -336,7 +331,7 @@ const contributors = useRuntimeConfig().public.contributors
336331
Iframe
337332
</NuxtLink>
338333
<div class="flex items-center gap-3">
339-
<UProgress :value="benchmark.iframe[webVital]" :max="benchmark.iframe[webVital]" color="purple" class="" />
334+
<UProgress :model-value="benchmark.iframe[webVital]" :max="benchmark.iframe[webVital]" color="info" class="" />
340335
<div class="w-14 flex-grow text-right">
341336
{{ humanizeMs(benchmark.iframe[webVital]) }}
342337
</div>
@@ -361,7 +356,7 @@ const contributors = useRuntimeConfig().public.contributors
361356
</div>
362357
</UContainer>
363358

364-
<ULandingSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
359+
<UPageSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
365360
<div class="xl:flex items-center justify-between gap-12">
366361
<div class="max-w-lg">
367362
<UIcon name="i-ph-cookie-duotone" class="h-[100px] w-[100px] text-primary" />
@@ -387,9 +382,9 @@ const contributors = useRuntimeConfig().public.contributors
387382
</div>
388383
</UCard>
389384
</div>
390-
</ULandingSection>
385+
</UPageSection>
391386

392-
<ULandingSection :ui="{ wrapper: 'py-6 sm:py-12' }">
387+
<UPageSection :ui="{ wrapper: 'py-6 sm:py-12' }">
393388
<div class="xl:flex items-center gap-12">
394389
<div>
395390
<div class="max-w-lg">
@@ -422,9 +417,9 @@ const contributors = useRuntimeConfig().public.contributors
422417
</div>
423418
</div>
424419
</div>
425-
</ULandingSection>
420+
</UPageSection>
426421

427-
<ULandingSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
422+
<UPageSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
428423
<div class="text-center">
429424
<UIcon name="i-ph-book-bookmark-duotone" class="h-[50px] w-[50px] text-primary" />
430425
<h2 class="text-xl xl:text-4xl font-bold mb-12 text-center">
@@ -447,10 +442,10 @@ const contributors = useRuntimeConfig().public.contributors
447442
</ScriptYouTubePlayer>
448443
</div>
449444
</div>
450-
</ULandingSection>
445+
</UPageSection>
451446

452-
<ULandingSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
453-
<ULandingCTA
447+
<UPageSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
448+
<UPageCTA
454449
description="Learn all of the fundamentals of Nuxt Scripts in the fun interactive confetti tutorial."
455450
card
456451
>
@@ -464,8 +459,8 @@ const contributors = useRuntimeConfig().public.contributors
464459
</UButton>
465460
</div>
466461
</template>
467-
</ULandingCTA>
468-
</ULandingSection>
462+
</UPageCTA>
463+
</UPageSection>
469464
</div>
470465
</template>
471466

‎docs/app/pages/learn.vue‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ defineOgImageComponent('Home')
99

1010
<template>
1111
<div>
12-
<ULandingSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
12+
<UPageSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
1313
<div class="text-center">
1414
<UIcon name="i-ph-book-bookmark-duotone" class="h-[50px] w-[50px] text-primary" />
1515
<h2 class="text-xl xl:text-4xl font-bold mb-12 text-center">
@@ -32,10 +32,10 @@ defineOgImageComponent('Home')
3232
</ScriptYouTubePlayer>
3333
</div>
3434
</div>
35-
</ULandingSection>
35+
</UPageSection>
3636

37-
<ULandingSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
38-
<ULandingCTA
37+
<UPageSection :ui="{ wrapper: 'pt-0 py-6 sm:py-14' }">
38+
<UPageCTA
3939
description="Learn all of the fundamentals of Nuxt Scripts in the fun interactive confetti tutorial."
4040
card
4141
>
@@ -49,7 +49,7 @@ defineOgImageComponent('Home')
4949
</UButton>
5050
</div>
5151
</template>
52-
</ULandingCTA>
53-
</ULandingSection>
52+
</UPageCTA>
53+
</UPageSection>
5454
</div>
5555
</template>

‎docs/content/scripts/.navigation.yml‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1 @@
1-
icon: i-ph-floppy-disk-duotone
21
title: Script Registry

‎docs/nuxt.config.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,11 @@ import NuxtScripts from '../src/module'
55

66
// https://nuxt.com/docs/api/configuration/nuxt-config
77
export default defineNuxtConfig({
8-
extends: ['@nuxt/ui-pro'],
9-
108
modules: [
9+
'@nuxt/ui-pro',
1110
'@nuxt/fonts',
1211
'@vueuse/nuxt',
1312
NuxtScripts,
14-
'@nuxt/ui',
1513
'@nuxtjs/seo',
1614
'@nuxt/image',
1715
'nuxt-content-twoslash',
@@ -46,6 +44,8 @@ export default defineNuxtConfig({
4644
},
4745
},
4846

47+
css: ['~/assets/css/main.css'],
48+
4949
devtools: {
5050
enabled: true,
5151
},

0 commit comments

Comments
 (0)