title Vite titleTemplate 프런트엔드 개발의 새로운 기준 pageClass landing dark layout home aside false editLink false markdownStyles false <script setup> import { useData } from 'vitepress' import { onBeforeUnmount, onMounted, ref } from 'vue' import Hero from './.vitepress/theme/components/landing/1. hero-section/HeroSection.vue' import FeatureSection from './.vitepress/theme/components/landing/2. feature-section/FeatureSection.vue' import FrameworksSection from './.vitepress/theme/components/landing/3. frameworks-section/FrameworksSection.vue' import CommunitySection from './.vitepress/theme/components/landing/4. community-section/CommunitySection.vue' import SponsorSection from './.vitepress/theme/components/landing/5. sponsor-section/SponsorSection.vue' import GetStartedSection from './.vitepress/theme/components/landing/6. get-started-section/GetStartedSection.vue' import FeatureInstantServerStart from './.vitepress/theme/components/landing/2. feature-section/FeatureInstantServerStart.vue' import FeatureHMR from './.vitepress/theme/components/landing/2. feature-section/FeatureHMR.vue' import FeatureRichFeatures from './.vitepress/theme/components/landing/2. feature-section/FeatureRichFeatures.vue' import FeatureOptimizedBuild from './.vitepress/theme/components/landing/2. feature-section/FeatureOptimizedBuild.vue' import FeatureFlexiblePlugins from './.vitepress/theme/components/landing/2. feature-section/FeatureFlexiblePlugins.vue' import FeatureTypedAPI from './.vitepress/theme/components/landing/2. feature-section/FeatureTypedAPI.vue' import FeatureSSRSupport from './.vitepress/theme/components/landing/2. feature-section/FeatureSSRSupport.vue' import FeatureCI from './.vitepress/theme/components/landing/2. feature-section/FeatureCI.vue' const { isDark } = useData() onMounted(() => { document.documentElement.classList.add('dark') }) onBeforeUnmount(() => { document.documentElement.classList.toggle('dark', isDark.value) }) </script>