ci: changeset bug fix

Author: codebender828

.changeset/tricky-olives-live.md

@@ -0,0 +1,7 @@
+---
+'@chakra-ui/vue-docs': patch
+'@chakra-ui/c-code': patch
+'@chakra-ui/vue-layout': patch
+---
+
+fixed props resolution and `as` polymorphic prop referencing.

website/src/components/home/Features.vue

@@ -0,0 +1,8 @@
+<template>
+  <chakra.div>
+    <c-heading>What's coming to v1?</c-heading>
+  </chakra.div>
+  <chakra.section> </chakra.section>
+</template>
+
+<script setup lang="ts"></script>

website/src/components/home/Hero.vue

@@ -12,7 +12,6 @@
     }"
     :px="[4, 10, 12]"
     :py="{ base: 10, sm: 20 }"
-    shadow="lg"
     gap="5"
   >
     <c-flex align="center" h="full">

website/src/components/home/PilersHero.vue

@@ -3,13 +3,11 @@
     as="section"
     :flex-dir="['column', 'column', 'row']"
     font-family="body"
-    :mx="[0, 10, 12]"
     :py="[4, 10, 10]"
   >
-    <chakra.div
-      d="grid"
-      :grid-template-columns="['auto', 'auto', 'repeat(3, 1fr)']"
-      :style="{ gap: '1.5rem' }"
+    <c-grid
+      :template-columns="['auto', 'auto', 'repeat(3, 1fr)']"
+      gap="1.5rem"
       shadow="lg"
       bg="white"
       py="10"
@@ -28,7 +26,7 @@
           >
             <IconAccessibilityAlt />
           </CFlex>
-          <chakra.h2 font-size="md"> Accessible </chakra.h2>
+          <chakra.h2 font-size="xl"> Accessible </chakra.h2>
         </CFlex>
         Chakra UI strictly follows WAI-ARIA standards. All components come with
         proper attributes and keyboard interactions out of the box.
@@ -46,7 +44,7 @@
           >
             <ColorPalette />
           </CFlex>
-          <chakra.h2 font-size="md"> Themeable </chakra.h2>
+          <chakra.h2 font-size="xl"> Themeable </chakra.h2>
         </CFlex>
         Quickly and easily reference values from your theme throughout your
         entire application, on any component.
@@ -64,12 +62,12 @@
           >
             <Cube />
           </CFlex>
-          <chakra.h2 font-size="md"> Composable </chakra.h2>
+          <chakra.h2 font-size="xl"> Composable </chakra.h2>
         </CFlex>
         Components were built with composition in mind. You can leverage any
         component to create new things.
       </CBox>
-    </chakra.div>
+    </c-grid>
   </CFlex>
 </template>
 

website/src/pages/index.vue

@@ -1,14 +1,10 @@
 <template>
   <Navbar />
-  <chakra.main
-    :min-h="['auto', 'auto', '100vh']"
-    w="100%"
-    pt="60px"
-    bg="vue.50"
-  >
+  <chakra.main :min-h="['auto', 'auto', '100vh']" w="100%" pt="60px" bg="white">
     <Hero />
-    <SandboxExample />
     <PilersHero />
+    <!-- <Features /> -->
+    <SandboxExample />
     <DiscordHero />
     <Footer />
   </chakra.main>
@@ -22,6 +18,7 @@ import Navbar from '../components/Navbar.vue'
 import Footer from '../components/home/Footer.vue'
 import SandboxExample from '../components/SandboxExample.vue'
 import DiscordHero from '../components/home/DiscordHero.vue'
+// import Features from '../components/home/Features.vue'
 
 export default defineComponent({
   name: 'Index',
@@ -32,6 +29,7 @@ export default defineComponent({
     Footer,
     SandboxExample,
     DiscordHero,
+    // Features,
   },
 })
 </script>