chore: cleanup

timhanlon · Jan 24, 2025 · 562eb80 · 562eb80
1 parent 6edd849
commit 562eb80
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 15 deletions.
diff --git a/src/runtime/components/Story.vue b/src/runtime/components/Story.vue
@@ -1,26 +1,26 @@
 <template>
   <div
     class="story-container"
-    :class="story().base({ class: [classes?.container, storyClasses.container] })"
+    :class="tvStory().base({ class: [classes?.container, storyClasses.container] })"
   >
     <slot name="header">
       <div
         class="story-header"
-        :class="story().header({ class: [classes?.header, storyClasses.header] })"
+        :class="tvStory().header({ class: [classes?.header, storyClasses.header] })"
       >
         <slot name="title">
           <h2
             v-if="title"
             class="story-title"
-            :class="story().title({ class: [classes?.title, storyClasses.title] })"
+            :class="tvStory().title({ class: [classes?.title, storyClasses.title] })"
           >
             {{ title }}
           </h2>
         </slot>
         <slot name="actions">
           <div
             class="story-actions"
-            :class="story().actions({ class: [classes?.actions, storyClasses.actions] })"
+            :class="tvStory().actions({ class: [classes?.actions, storyClasses.actions] })"
           >
             <DevOnly>
               <OpenInEditorButton
@@ -33,7 +33,7 @@
     </slot>
     <div
       class="story-content"
-      :class="story().content({ class: [classes?.content, storyClasses.content] })"
+      :class="tvStory().content({ class: [classes?.content, storyClasses.content] })"
     >
       <template v-if="hasVariants">
         <slot />
@@ -58,7 +58,7 @@ import Variant from './Variant.vue'
 // @ts-expect-error resolved at runtime
 import { useRoute, useRuntimeConfig } from '#imports'
 
-const story = tv({
+const tvStory = tv({
   slots: {
     base: '',
     actions: '',
@@ -79,7 +79,7 @@ defineProps<{
 }>()
 
 const config = useRuntimeConfig()
-const storyClasses = config.public.bedtime?.classes?.story
+const storyClasses: ComponentSlotClasses = config.public.bedtime?.classes?.story
 
 const route = useRoute()
 const storySlug = route.params.slug as string

diff --git a/src/runtime/components/Variant.vue b/src/runtime/components/Variant.vue
@@ -2,25 +2,25 @@
   <div
     :id="`variant-${variantDetails?.slug}`"
     class="variant-container"
-    :class="variant().base({ class: [classes?.container, variantClasses.container] })"
+    :class="tvVariant().base({ class: [classes?.container, variantClasses.container] })"
   >
     <slot name="header">
       <div
         class="variant-header"
-        :class="variant().header({ class: [classes?.header, variantClasses.header] })"
+        :class="tvVariant().header({ class: [classes?.header, variantClasses.header] })"
       >
         <slot name="title">
           <h2
             class="variant-title"
-            :class="variant().title({ class: [classes?.title, variantClasses.title] })"
+            :class="tvVariant().title({ class: [classes?.title, variantClasses.title] })"
           >
             {{ title }}
           </h2>
         </slot>
         <slot name="actions">
           <div
             class="variant-actions"
-            :class="variant().actions({ class: [classes?.actions, variantClasses.actions] })"
+            :class="tvVariant().actions({ class: [classes?.actions, variantClasses?.actions] })"
           >
             <CodeButton
               v-model="showTemplate"
@@ -35,13 +35,13 @@
     </slot>
     <div
       class="variant-content"
-      :class="variant().content({ class: [classes?.content, variantClasses.content] })"
+      :class="tvVariant().content({ class: [classes?.content, variantClasses?.content] })"
     >
       <slot />
     </div>
     <div
       class="variant-template"
-      :class="variant().template({ class: [classes?.template, variantClasses.template] })"
+      :class="tvVariant().template({ class: [classes?.template, variantClasses?.template] })"
     >
       <slot name="template">
         <TemplateView
@@ -64,7 +64,7 @@ import TemplateView from './TemplateView.vue'
 // @ts-expect-error resolved at runtime
 import { useRuntimeConfig } from '#imports'
 
-const variant = tv({
+const tvVariant = tv({
   slots: {
     base: '',
     actions: '',
@@ -88,7 +88,7 @@ const props = withDefaults(defineProps<{
 })
 
 const config = useRuntimeConfig()
-const variantClasses = config.public.bedtime?.classes?.variant
+const variantClasses: ComponentSlotClasses = config.public.bedtime?.classes?.variant
 
 const storySlug = inject<string | undefined>('story-slug')
 const { getTemplate, getVariantDetails } = useStory()