@@ -16,32 +16,36 @@ defineOgImage({
16
16
</script >
17
17
18
18
<template >
19
- <ULandingHero v-bind =" page.hero" >
20
- <template #top ><Background class =" opacity-30" /></template >
21
- <template #headline >
22
- <UBadge v-if =" page.hero.headline" variant =" subtle" size =" lg" class =" relative rounded-full font-semibold" >
23
- <NuxtLink :to =" page.hero.headline.to" target =" _blank" class =" focus:outline-none" tabindex =" -1" >
24
- <span class =" absolute inset-0" aria-hidden =" true" />
25
- </NuxtLink >
26
-
27
- {{ page.hero.headline.label }}
28
-
29
- <UIcon v-if =" page.hero.headline.icon" :name =" page.hero.headline.icon" class =" ml-1 w-4 h-4 pointer-events-none" />
30
- </UBadge >
31
- </template >
32
-
33
- <template #title >
34
- <MDC :value =" page.hero.title" />
35
- </template >
36
-
37
- <MDC :value =" page.hero.code" tag =" pre" class =" hero_code prose prose-primary dark:prose-invert lg:ml-auto" />
38
- </ULandingHero >
39
-
40
- <ULandingSection :title =" page.features.title" :description =" page.features.description" :links =" page.features.links" class =" pt-0 sm:pt-0" >
41
- <UPageGrid >
42
- <ULandingCard v-for =" (item, index) of page.features.items" :key =" index" v-bind =" item" />
43
- </UPageGrid >
44
- </ULandingSection >
19
+ <div >
20
+ <ULandingHero v-bind =" page.hero" >
21
+ <template #top >
22
+ <Background class =" opacity-30" />
23
+ </template >
24
+ <template #headline >
25
+ <UBadge v-if =" page.hero.headline" variant =" subtle" size =" lg" class =" relative rounded-full font-semibold" >
26
+ <NuxtLink :to =" page.hero.headline.to" target =" _blank" class =" focus:outline-none" tabindex =" -1" >
27
+ <span class =" absolute inset-0" aria-hidden =" true" />
28
+ </NuxtLink >
29
+
30
+ {{ page.hero.headline.label }}
31
+
32
+ <UIcon v-if =" page.hero.headline.icon" :name =" page.hero.headline.icon" class =" ml-1 w-4 h-4 pointer-events-none" />
33
+ </UBadge >
34
+ </template >
35
+
36
+ <template #title >
37
+ <MDC :value =" page.hero.title" />
38
+ </template >
39
+
40
+ <MDC :value =" page.hero.code" tag =" pre" class =" hero_code prose prose-primary dark:prose-invert lg:ml-auto" />
41
+ </ULandingHero >
42
+
43
+ <ULandingSection :title =" page.features.title" :description =" page.features.description" :links =" page.features.links" class =" pt-0 sm:pt-0" >
44
+ <UPageGrid >
45
+ <ULandingCard v-for =" (item, index) of page.features.items" :key =" index" v-bind =" item" />
46
+ </UPageGrid >
47
+ </ULandingSection >
48
+ </div >
45
49
</template >
46
50
47
51
<style lang="postcss">
0 commit comments