2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-22 10:30:34 +03:00

Refactor docs to use Nuxt Content v3 and file-based pages

Migrates documentation from markdown-based content to Nuxt Content v3 with file-based routing. Removes old markdown content files, adds new Vue page components, updates layout and content rendering logic, introduces a Prose wrapper, and updates dependencies for Nuxt Content v3 and related packages.
This commit is contained in:
Jeff Sagal
2025-11-13 11:56:09 -08:00
parent 06d9a373f2
commit 7644929efe
23 changed files with 669 additions and 442 deletions
+18 -24
View File
@@ -1,27 +1,21 @@
<script setup lang="ts">
import Hero from '~/components/Hero.vue'
import ApplicationHeader from '~/components/ApplicationHeader.vue'
import SidebarNavigation from '~/components/SidebarNavigation.vue'
import PageContent from '~/components/PageContent.vue'
import '../src/css/vue-select.css'
useHead({
title: 'Vue Select',
bodyAttrs: { class: 'bg-white dark:bg-slate-900' },
})
const { page } = useContent()
</script>
<script setup lang="ts"></script>
<template>
<div>
<ApplicationHeader />
<Hero v-if="page?.hero" />
<div
class="relative mx-auto flex max-w-8xl justify-center sm:px-2 lg:px-8 xl:px-12"
>
<SidebarNavigation />
<PageContent />
</div>
</div>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</template>
<style>
@media (prefers-reduced-motion: no-preference) {
.page-enter-active,
.page-leave-active {
transition: all 0.2s;
}
.page-enter-from,
.page-leave-to {
opacity: 0;
filter: blur(0.5rem);
}
}
</style>