chore: apply automated updates

app/pages/[...slug].vue

@@ -54,12 +54,22 @@ onMounted(() => {
  <UPageHeader :title="page.title" :description="page.description" :links="page.links" :headline="headline">
  </UPageHeader>
 
- <div v-if="tocLinks.length > 1"
- class="float-right mt-4 top-[calc(var(--header-height)_+_0.5rem)] z-10 flex justify-end sticky">
- <UDropdown :items="[[{ label: 'Return to top', click: scrollToTop }], tocLinks]"
- :popper="{ placement: 'bottom-end' }" :mode="isMobile ? 'click' : 'hover'" v-model:open="tocOpen">
- <UButton color="white" label="On this page" :trailing="false"
- :icon="`i-heroicons-chevron-${tocOpen ? 'down' : 'left'}-20-solid`" />
+ <div
+ v-if="tocLinks.length > 1"
+ class="float-right mt-4 top-[calc(var(--header-height)_+_0.5rem)] z-10 flex justify-end sticky"
+ >
+ <UDropdown
+ :items="[[{ label: 'Return to top', click: scrollToTop }], tocLinks]"
+ :popper="{ placement: 'bottom-end' }"
+ :mode="isMobile ? 'click' : 'hover'"
+ v-model:open="tocOpen"
+ >
+ <UButton
+ color="white"
+ label="On this page"
+ :trailing="false"
+ :icon="`i-heroicons-chevron-${tocOpen ? 'down' : 'left'}-20-solid`"
+ />
  </UDropdown>
  </div>
 
@@ -71,14 +81,17 @@ onMounted(() => {
  <div class="space-y-6">
  <UDivider type="dashed" />
  <div class="mb-4">
- <UPageLinks class="inline-block" :links="[
- {
- icon: 'i-ph-pen-duotone',
- label: 'Edit this page on GitHub',
- to: `https://github.com/${appConfig.docs.github}/edit/main/docs/${page._file}`,
- target: '_blank',
- },
- ]" />
+ <UPageLinks
+ class="inline-block"
+ :links="[
+ {
+ icon: 'i-ph-pen-duotone',
+ label: 'Edit this page on GitHub',
+ to: `https://github.com/${appConfig.docs.github}/edit/main/docs/${page._file}`,
+ target: '_blank',
+ },
+ ]"
+ />
  </div>
  <UContentSurround v-if="surround?.length" class="mb-4" :surround="surround" />
  </div>

app/pages/index.vue

@@ -86,14 +86,19 @@ const hero = computed(() => {
  <template v-if="page.features?.length > 0 && !hero.withFeatures">
  <ULandingSection :title="page.featuresTitle">
  <UPageGrid>
- <ULandingCard v-for="(item, index) of page.features" :key="index" v-bind="item" :ui="{
- icon: {
- // If the icon is an emoji, we need to use a bigger size
- base: /\p{Emoji}/u.test(item.icon)
- ? '!text-2xl !w-auto !h-auto'
- : 'w-8 h-8 flex-shrink-0 text-gray-900 dark:text-white',
- },
- }">
+ <ULandingCard
+ v-for="(item, index) of page.features"
+ :key="index"
+ v-bind="item"
+ :ui="{
+ icon: {
+ // If the icon is an emoji, we need to use a bigger size
+ base: /\p{Emoji}/u.test(item.icon)
+ ? '!text-2xl !w-auto !h-auto'
+ : 'w-8 h-8 flex-shrink-0 text-gray-900 dark:text-white',
+ },
+ }"
+ >
  <template v-if="item.description" #description>
  <MDC :value="item.description" tag="p" class="prose prose-primary dark:prose-invert" />
  </template>