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:
+18
-24
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user