chore: cleanup

unovue · Jul 18, 2024 · 2bb2a21 · 2bb2a21
1 parent 7c2158a
commit 2bb2a21
Show file tree

Hide file tree

Showing 11 changed files with 25 additions and 37 deletions.
diff --git a/docs/.vitepress/components/ComponentDemo.vue b/docs/.vitepress/components/ComponentDemo.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import Demos from '../../components/Demos.vue'
+</script>
+
+<template>
+  <div class="not-prose">
+    <Demos class="grid w-auto lg:grid-cols-2 gap-6 md:gap-12 lg:gap-6" />
+  </div>
+</template>
diff --git a/docs/.vitepress/components/DocFooter.vue b/docs/.vitepress/components/DocFooter.vue
@@ -27,7 +27,7 @@ const showFooter = computed(
 <template>
   <footer
     v-if="showFooter"
-    class="mt-28"
+    class="my-28"
   >
     <div
       v-if="hasEditLink || hasLastUpdated"

diff --git a/docs/.vitepress/components/DocOutline.vue b/docs/.vitepress/components/DocOutline.vue
@@ -28,7 +28,7 @@ useActiveAnchor(container, marker)
 <template>
   <nav
     ref="container"
-    :class="{ 'block relative': headers.length > 0 }"
+    :class="{ 'block relative non-empty': headers.length > 0 }"
   >
     <div
       ref="marker"

diff --git a/docs/.vitepress/components/HomePageDemo.vue b/docs/.vitepress/components/HomePageDemo.vue
diff --git a/docs/.vitepress/components/SearchCommandBox.vue b/docs/.vitepress/components/SearchCommandBox.vue
@@ -150,13 +150,13 @@ function formMarkRegex(terms: Set<string>) {
         }
       }"
       as="ul"
-      class="max-h-[55vh] overflow-auto border-y border-muted empty:border-t-0"
+      class="max-h-[55vh] overflow-auto border-y border-muted empty:border-t-0 p-0.5"
     >
       <ListboxItem
         v-for="p in results"
         :key="p.id"
         :value="p.id"
-        class="data-[highlighted]:bg-background/50 focus:bg-background/50 outline-none text-sm"
+        class="data-[highlighted]:bg-primary/10 data-[highlighted]:text-primary data-[highlighted]:font-semibold text-muted-foreground text-sm"
         as-child
         @select="emits('close')"
       >

diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -72,7 +72,6 @@ export default defineConfig({
     sidebar: [
       {
         text: 'Overview',
-        collapsed: false,
         items: [
           { text: 'Introduction', link: '/overview/introduction' },
           { text: 'Getting Started', link: '/overview/getting-started' },
@@ -83,7 +82,6 @@ export default defineConfig({
       },
       {
         text: 'Guides',
-        collapsed: false,
         items: [
           { text: 'Styling', link: '/guides/styling' },
           { text: 'Animation/Transition', link: '/guides/animation' },
@@ -97,7 +95,7 @@ export default defineConfig({
       },
       {
         text: 'Components',
-        collapsed: false,
+        link: '/components/',
         items: [
           { text: 'Accordion', link: '/components/accordion' },
           { text: 'Alert Dialog', link: '/components/alert-dialog' },
@@ -146,7 +144,6 @@ export default defineConfig({
       },
       {
         text: 'Utilities',
-        collapsed: false,
         items: [
           { text: 'Config Provider', link: '/utilities/config-provider' },
           { text: 'Visually Hidden', link: '/utilities/visually-hidden' },

diff --git a/docs/.vitepress/custom/Docs.vue b/docs/.vitepress/custom/Docs.vue
@@ -51,16 +51,17 @@ const activeSection = computed(() => sidebar.value.find(section => section.items
           </CollapsibleContent>
         </CollapsibleRoot>
 
+        <div class="font-bold text-primary mb-2 text-sm">
+          {{ activeSection?.text }}
+        </div>
         <article class="w-full prose prose-stone dark:prose-invert max-w-none">
-          <div>
-            <Content />
-          </div>
+          <Content />
         </article>
 
         <DocFooter />
       </div>
 
-      <div class="hidden xl:block w-64 flex-shrink-0 py-12 pl-6 sticky top-[7.25rem] h-full overflow-y-auto md:overflow-x-hidden max-h-[calc(100vh-7.25rem)]">
+      <div class="hidden xl:has-[.non-empty]:block  w-64 flex-shrink-0 py-12 pl-6 sticky top-[7.25rem] h-full overflow-y-auto md:overflow-x-hidden max-h-[calc(100vh-7.25rem)]">
         <DocOutline />
       </div>
     </main>

diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -1,7 +1,3 @@
-// https://vitepress.dev/guide/custom-theme
-import { h } from 'vue'
-import HomePage from '../components/HomePage.vue'
-import HomePageDemo from '../components/HomePageDemo.vue'
 import EmbedIframe from '../components/EmbedIframe.vue'
 import ComponentPreview from '../components/ComponentPreview.vue'
 import InstallationTabs from '../components/InstallationTabs.vue'

diff --git a/docs/.vitepress/theme/style.css b/docs/.vitepress/theme/style.css
@@ -94,6 +94,10 @@
     @apply outline-primary;
   }
 
+  ::selection {
+    background: hsl(var(--primary) / 0.3);
+  }
+
 	/* Font face Geist font */
 	@font-face {
 		font-family: "geist-sans";
@@ -143,7 +147,7 @@ kbd {
 }
 
 mark {
-  @apply bg-primary/30 dark:bg-primary text-black;
+  @apply bg-transparent text-foreground font-semibold;
 }
 
 [class*="language"] {

diff --git a/docs/content/components/date-range-picker.md b/docs/content/components/date-range-picker.md
@@ -182,15 +182,9 @@ The component that pops out when the popover is open.
 
 ### Arrow
 
-An optional arrow element to render alongside the popover. This can be used to help visually link the anchor with the PopoverContent. Must be rendered inside PopoverContent.
-
-<!-- @include: @/meta/DateRangePickerArrow.md -->
-
-### Arrow
-
 An optional arrow element to render alongside the popover. This can be used to help visually link the anchor with the `DateRangePickerContent`. Must be rendered inside `DateRangePickerContent`.
 
-<!-- @include: @/meta/DatePickerArrow.md -->
+<!-- @include: @/meta/DateRangePickerArrow.md -->
 
 ### Close
 

diff --git a/packages/radix-vue/src/Slider/SliderRoot.vue b/packages/radix-vue/src/Slider/SliderRoot.vue
@@ -149,8 +149,6 @@ provideSliderRootContext({
   max,
   disabled,
 })
-
-console.log(modelValue.value)
 </script>
 
 <template>