chore: wip

chore: wip

chore: wip

chore: wip

chore: wip

chore: wip

chore: wip

chore: wip

Author: chrisbbreuer

README.md

@@ -106,13 +106,13 @@ _Enhanced productivity for developers. No more creating boilerplate._
 
 No matter whether you are a beginner or an expert, the approachable Stacks design allows you to learn at your own pace, using our thorough documentation covering every aspect of the framework. Stacks is extremely beginner & expert-friendly.
 
-Develop beautiful, reactive, composable UIs without learning a new set of languages. HTML, CSS, and minimal JavaScript—that's all you need to dive in now! _Or TypeScript ✌🏼_
+Develop beautiful, reactive, composable UIs without learning a new set of languages. HTML, CSS, and minimal JavaScript—that’s all you need to dive in now! _Or TypeScript ✌🏼_
 
 > _A true rapid application development framework for all Full Stack needs. Next-level simplicity & helpful DX._
 
 ## Get Started
 
-It's incredibly easy to get started with this framework. Simply run the following command in your terminal:
+It’s incredibly easy to get started with this framework. Simply run the following command in your terminal:
 
 ```bash
 sh <(curl stacksjs.org) my-project
@@ -273,7 +273,7 @@ buddy example # prompts you to select which example to run
 buddy example:vue # runs the Vue example
 buddy example:web-components # runs the Web Component example
 
-# you likely won't need to run these commands as they are auto-triggered, but they are available
+# you likely won’t need to run these commands as they are auto-triggered, but they are available
 buddy generate  # prompts you to select which generator to run
 buddy generate:entries # generates entry files for components, functions, & views
 buddy generate:vue-compat # generates Vue 2 compatibility layer

bun.lockb

@@ -13,6 +13,6 @@ export default stacks({
 
   // Enable jsonc, yaml, toml support
   jsonc: true,
-  yaml: true,
+  yaml: false,
   toml: true,
 })

eslint.config.js

@@ -3,12 +3,12 @@ button:
   back: Back
   go: GO
   home: Home
-  toggle_dark: Toggle dark mode
-  toggle_langs: Change languages
+  toggle_dark: "Toggle dark mode"
+  toggle_langs: "Change languages"
 intro:
-  desc: Rapid Application Development
-  dynamic-route: Demo of dynamic route
-  hi: Hi, {name}!
-  aka: Also known as
-  whats-your-name: "What's your name?"
-not-found: Not found
+  desc: "Rapid Application Development"
+  dynamic_route: "Demo of dynamic route"
+  hi: "Hi, {name}!"
+  aka: "Also known as"
+  whats_your_name: "What’s your name?"
+not-found: "Not found"

lang/en.yml

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const props = defineProps<{
-  variant?: string
-  color?: string
+  variant?: 'solid' | 'outline'
+  color?: 'blue' | 'slate' | 'white'
   href?: string
   className?: string
 }>()
@@ -25,6 +25,7 @@ const variantStyles = {
 
 const className = computed(() => {
   let classes = baseStyles[props.variant ?? 'solid']
+
   if (props.variant === 'outline')
     classes += ` ${variantStyles.outline[props.color ?? 'slate']}`
 
@@ -34,6 +35,8 @@ const className = computed(() => {
   if (props.className)
     classes += ` ${props.className}`
 
+  console.log('classes', classes)
+
   return classes
 })
 
@@ -44,11 +47,10 @@ onMounted(() => {
 </script>
 
 <template>
-  <!-- Use the computed className in your template -->
-  <button v-if="!props.href" :class="className" v-bind="props">
+  <button v-if="!props.href" :class="className">
     <slot />
   </button>
-  <a v-else :class="className" v-bind="props">
+  <a v-else :class="className">
     <slot />
   </a>
 </template>

public/logo-dark.svg

@@ -1,7 +1,4 @@
 <script lang="ts" setup>
-// TODO: should not need this because of unimport
-import { ref } from 'vue'
-
 const count = ref(0)
 
 function increment() {

public/logo.svg

@@ -1,34 +1,12 @@
 <template>
-  <svg
-    aria-hidden="true"
-    viewBox="0 0 109 40"
-    v-bind="$attrs"
-  >
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M0 20c0 11.046 8.954 20 20 20s20-8.954 20-20S31.046 0 20 0 0 8.954 0 20Zm20 16c-7.264 0-13.321-5.163-14.704-12.02C4.97 22.358 6.343 21 8 21h24c1.657 0 3.031 1.357 2.704 2.98C33.32 30.838 27.264 36 20 36Z"
-      fill="#2563EB"
-    />
-    <path
-      d="M55.528 26.57V15.842H52V13.97h9.108v1.872h-3.636V26.57h-1.944Z"
-      fill="#0F172A"
-    />
-    <path
-      d="M83.084 26.57v-12.6h5.346c.744 0 1.416.18 2.016.54a3.773 3.773 0 0 1 1.44 1.44c.36.612.54 1.302.54 2.07 0 .78-.18 1.482-.54 2.106a4 4 0 0 1-1.44 1.494c-.6.36-1.272.54-2.016.54h-2.646v4.41h-2.7Zm2.664-6.84h2.376c.288 0 .546-.072.774-.216.228-.156.408-.36.54-.612a1.71 1.71 0 0 0 .216-.864c0-.324-.072-.606-.216-.846a1.394 1.394 0 0 0-.54-.576 1.419 1.419 0 0 0-.774-.216h-2.376v3.33ZM106.227 26.57V13.25h2.556v13.32h-2.556Z"
-      fill="#2563EB"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M95.906 26.102c.636.432 1.35.648 2.142.648.444 0 .864-.066 1.26-.198a4.25 4.25 0 0 0 1.062-.558 3.78 3.78 0 0 0 .702-.668v1.244h2.574v-9.522h-2.538v1.248a3.562 3.562 0 0 0-.648-.672 3.13 3.13 0 0 0-1.026-.558 3.615 3.615 0 0 0-1.278-.216c-.828 0-1.566.216-2.214.648-.648.42-1.164 1.002-1.548 1.746-.372.732-.558 1.578-.558 2.538 0 .96.186 1.812.558 2.556.372.744.876 1.332 1.512 1.764Zm4.104-1.908c-.36.228-.78.342-1.26.342-.468 0-.882-.114-1.242-.342a2.387 2.387 0 0 1-.828-.954c-.204-.42-.306-.906-.306-1.458 0-.54.102-1.014.306-1.422.204-.408.48-.726.828-.954.36-.24.774-.36 1.242-.36.48 0 .9.12 1.26.36.36.228.636.546.828.954.204.408.306.882.306 1.422 0 .552-.102 1.038-.306 1.458a2.218 2.218 0 0 1-.828.954Z"
-      fill="#2563EB"
-    />
-    <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="m76.322 23.197 2.595 3.373h2.268l-3.662-4.787 3.338-4.663h-2.196l-2.162 3.334-2.554-3.334h-2.34l3.652 4.71-3.634 4.74h2.196l2.5-3.373ZM62.738 26.102a3.78 3.78 0 0 0 2.142.648c.456 0 .888-.072 1.296-.216.42-.144.798-.336 1.134-.576a3.418 3.418 0 0 0 .864-.835v1.447h1.872v-9.45h-1.872v1.45a3.118 3.118 0 0 0-.72-.82 3.2 3.2 0 0 0-1.062-.612 4.033 4.033 0 0 0-1.35-.216c-.828 0-1.578.21-2.25.63-.66.42-1.188 1.002-1.584 1.746-.384.732-.576 1.572-.576 2.52 0 .936.192 1.776.576 2.52.384.744.894 1.332 1.53 1.764Zm4.122-1.476c-.432.276-.93.414-1.494.414a2.682 2.682 0 0 1-1.476-.414 2.987 2.987 0 0 1-1.008-1.134c-.24-.492-.36-1.05-.36-1.674 0-.612.12-1.158.36-1.638.252-.48.588-.858 1.008-1.134a2.682 2.682 0 0 1 1.476-.414c.564 0 1.062.138 1.494.414.432.276.768.654 1.008 1.134.252.48.378 1.026.378 1.638 0 .624-.126 1.182-.378 1.674-.24.48-.576.858-1.008 1.134Z"
-      fill="#0F172A"
-    />
+  <svg width="389" height="112" viewBox="0 0 389 112" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M154.769 74.671C157.321 76.7731 160.647 77.8242 164.739 77.8242C168.327 77.8242 171.233 77.0509 173.447 75.5118C175.662 73.9653 176.773 71.8257 176.773 69.0779C176.773 67.1185 176.173 65.5569 174.964 64.4083C173.755 63.2596 172.119 62.3737 170.039 61.7581C167.967 61.1425 165.046 60.4969 161.285 59.8212C157.471 59.1455 154.206 58.2672 151.48 57.1711C148.763 56.075 146.548 54.4083 144.836 52.1636C143.125 49.9188 142.269 46.9759 142.269 43.3273C142.269 39.9639 143.155 36.9609 144.919 34.3258C146.683 31.6907 149.153 29.6411 152.321 28.1847C155.489 26.7282 159.123 26 163.215 26C167.306 26 171.18 26.7883 174.491 28.3574C177.802 29.9264 180.407 32.0886 182.314 34.8363C184.221 37.5841 185.257 40.7222 185.429 44.2582H175.925C175.587 41.2252 174.273 38.7928 171.968 36.9384C169.671 35.0841 166.751 34.1607 163.222 34.1607C159.694 34.1607 157.066 34.9039 155.016 36.3904C152.967 37.8769 151.946 39.9639 151.946 42.6591C151.946 44.566 152.546 46.0825 153.755 47.2011C154.964 48.3273 156.571 49.1606 158.59 49.7236C160.61 50.2867 163.5 50.9023 167.254 51.5705C171.067 52.2461 174.348 53.1396 177.096 54.2657C179.844 55.3843 182.088 57.0434 183.83 59.2281C185.572 61.4128 186.435 64.3032 186.435 67.8917C186.435 71.4803 185.512 74.4833 183.657 77.231C181.803 79.9788 179.228 82.1259 175.917 83.665C172.606 85.2115 168.853 85.9773 164.641 85.9773C159.986 85.9773 155.887 85.1364 152.359 83.4548C148.823 81.7731 146.06 79.4307 144.071 76.4277C142.081 73.4247 141.053 69.9938 141 66.12L150.504 66.2852C150.782 69.7611 152.201 72.5539 154.754 74.656L154.769 74.671Z" fill="black"/>
+    <path d="M192.028 42.4036V30.3691H201.202V42.4036H211.548V50.3991H201.202V72.8615C201.202 74.5431 201.54 75.7368 202.216 76.435C202.892 77.1332 204.04 77.4861 205.662 77.4861H212.561V85.4816H203.808C199.716 85.4816 196.728 84.5281 194.844 82.6212C192.967 80.7143 192.028 77.7714 192.028 73.7849V42.4036Z" fill="black"/>
+    <path d="M258.184 85.4816H250.189L249.175 78.9201C247.659 81.0522 245.722 82.7639 243.372 84.0552C241.015 85.3465 238.267 85.9922 235.129 85.9922C231.202 85.9922 227.696 85.1062 224.611 83.342C221.525 81.5777 219.115 79.0252 217.374 75.6844C215.632 72.3435 214.769 68.4321 214.769 63.9502C214.769 59.4682 215.654 55.722 217.419 52.3811C219.183 49.0403 221.608 46.4653 224.693 44.6409C227.779 42.8166 231.255 41.9082 235.129 41.9082C238.327 41.9082 241.105 42.5088 243.455 43.7175C245.812 44.9262 247.719 46.5929 249.175 48.725L250.271 42.4112H258.177V85.4891L258.184 85.4816ZM249.183 64.1078C249.183 59.8436 248.034 56.3676 245.729 53.6724C243.432 50.9772 240.399 49.6334 236.645 49.6334C232.892 49.6334 229.859 50.9622 227.561 53.6274C225.264 56.2925 224.108 59.731 224.108 63.9351C224.108 68.1393 225.257 71.6603 227.561 74.3255C229.859 76.9907 232.892 78.3195 236.645 78.3195C240.399 78.3195 243.432 76.9982 245.729 74.363C248.027 71.7279 249.183 68.3045 249.183 64.1003V64.1078Z" fill="black"/>
+    <path d="M285.279 85.9843C281.014 85.9843 277.261 85.0684 274.002 83.2516C270.752 81.4273 268.237 78.8372 266.472 75.4663C264.708 72.103 263.822 68.2291 263.822 63.8523C263.822 59.4754 264.723 55.6316 266.517 52.3283C268.312 49.0175 270.849 46.4574 274.13 44.6331C277.411 42.8088 281.21 41.9004 285.534 41.9004C290.917 41.9004 295.324 43.3193 298.74 46.1496C302.163 48.9799 304.295 52.8388 305.136 57.7186H295.797C295.181 55.2487 293.942 53.2892 292.095 51.8328C290.241 50.3763 287.974 49.6481 285.279 49.6481C281.63 49.6481 278.702 50.9694 276.487 53.6045C274.273 56.2397 273.162 59.6631 273.162 63.8673C273.162 68.0715 274.273 71.5925 276.487 74.2576C278.702 76.9228 281.638 78.2516 285.279 78.2516C288.086 78.2516 290.414 77.5084 292.261 76.0219C294.115 74.5354 295.316 72.5309 295.879 70.0084H305.136C304.295 75.0009 302.133 78.9123 298.657 81.7426C295.181 84.5729 290.722 85.9918 285.279 85.9918V85.9843Z" fill="black"/>
+    <path d="M319.851 26.5859V63.4402L339.535 42.4042H350.053L333.98 59.739L351.059 85.4822H340.293L327.508 66.3831L319.851 74.4611V85.4822H310.767V26.5859H319.851Z" fill="black"/>
+    <path d="M362.974 76.7732C364.911 78.1996 367.418 78.9203 370.504 78.9203C373.251 78.9203 375.481 78.4023 377.193 77.3663C378.904 76.3302 379.76 74.9414 379.76 73.1996C379.76 71.7432 379.37 70.6471 378.582 69.9189C377.793 69.1906 376.742 68.6726 375.428 68.3648C374.107 68.057 372.08 67.7342 369.325 67.3964C365.564 66.9459 362.471 66.3453 360.031 65.5871C357.591 64.8288 355.624 63.6201 354.145 61.9684C352.658 60.3168 351.915 58.0871 351.915 55.2793C351.915 52.6441 352.658 50.3018 354.145 48.2523C355.631 46.2027 357.681 44.6186 360.286 43.5C362.891 42.3739 365.849 41.8184 369.16 41.8184C374.603 41.8184 379.017 43.0271 382.41 45.437C385.804 47.8469 387.643 51.2403 387.921 55.6171H379.085C378.859 53.6502 377.876 52.0435 376.142 50.7748C374.4 49.5135 372.215 48.8829 369.58 48.8829C366.945 48.8829 364.813 49.3859 363.184 50.3994C361.555 51.4054 360.744 52.7793 360.744 54.521C360.744 55.8123 361.149 56.7808 361.968 57.4264C362.778 58.0721 363.807 58.5225 365.038 58.7703C366.269 59.0255 368.266 59.3183 371.014 59.6561C374.715 60.0465 377.831 60.6546 380.353 61.4654C382.876 62.2763 384.895 63.5675 386.412 65.3393C387.928 67.1036 388.687 69.506 388.687 72.5315C388.687 75.2267 387.898 77.5915 386.329 79.641C384.76 81.6906 382.598 83.2597 379.85 84.3558C377.103 85.4519 374.017 85.9999 370.594 85.9999C364.813 85.9999 360.143 84.6936 356.585 82.0885C353.026 79.4759 351.187 75.8723 351.074 71.2777H359.828C359.993 73.5224 361.044 75.3543 362.981 76.7882L362.974 76.7732Z" fill="black"/>
+    <path d="M84.8865 21.9175L99.9896 6.8751C102.534 4.34111 100.737 0 97.1527 0H52.5907C52.5907 0 28.7046 0 12.9857 18.9292C12.4506 19.5754 11.9256 20.2215 11.3805 20.8474C10.7243 21.6147 9.59356 22.9978 8.29122 24.9361C-0.69386 38.2623 -2.3596 55.1422 3.21317 70.2149C5.73707 77.0194 9.80561 85.1261 16.0346 90.5374L23.0914 83.3796C27.584 78.8264 28.4925 71.9513 25.6052 66.2473C23.788 62.6533 22.3645 57.7367 22.5967 51.2957C22.8289 44.8547 24.9288 38.3835 29.0276 33.3054C33.3687 27.9244 40.7991 22.5536 53.1662 22.6949L84.8865 21.9377V21.9175Z" fill="#0A0ABC"/>
+    <path d="M16.6306 90.0827L1.52754 105.125C-1.01655 107.659 0.780525 112 4.36446 112H48.9264C48.9264 112 72.8126 112 88.5315 93.0709C89.0665 92.4248 89.5915 91.7787 90.1366 91.1528C90.7928 90.3855 91.9236 89.0025 93.2259 87.0641C102.211 73.7379 103.877 56.8581 98.304 41.7853C95.7801 34.9809 91.7116 26.8741 85.4826 21.4629L78.4258 28.6207C73.9332 33.1738 73.0246 40.0489 75.912 45.7529C77.7292 49.3469 79.1526 54.2635 78.9204 60.7045C78.6882 67.1455 76.5884 73.6167 72.4895 78.6948C68.1484 84.0758 60.718 89.4466 48.3509 89.3053L16.6306 90.0625V90.0827Z" fill="#0A0ABC"/>
   </svg>
 </template>

resources/components/Button.stx

@@ -21,8 +21,8 @@ import backgroundImage from '../../assets/images/background-call-to-action.jpg'
           It’s time to take control of your books. Buy our software so you can
           feel like you’re doing something productive.
         </p>
-        <Button href="/register" color="white" class="mt-10">
-          Get 6 months free
+        <Button href="/register" variant="solid" color="blue" class="mt-10">
+          View Documentation
         </Button>
       </div>
     </Container>