chore: bump deps & update components

BayBreezy · Aug 18, 2024 · 1d53ef2 · 1d53ef2
1 parent e83f398
commit 1d53ef2
Show file tree

Hide file tree

Showing 12 changed files with 6,122 additions and 6,261 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
     "dist"
   ],
   "scripts": {
+    "afterClone": "npm i && cd playground && npm i && cd .. && npm run dev:prepare",
     "clean": "rm -rf dist node_modules package-lock.json yarn.lock && npm install",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
@@ -31,22 +32,25 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.12.3",
+    "@nuxt/kit": "^3.12.4",
     "@types/rellax": "^1.7.7",
     "rellax": "^1.12.1"
   },
   "devDependencies": {
-    "@ianvs/prettier-plugin-sort-imports": "^4.3.0",
-    "@nuxt/eslint-config": "^0.3.13",
-    "@nuxt/module-builder": "^0.8.1",
-    "@nuxt/schema": "^3.12.3",
-    "@nuxt/test-utils": "^3.13.1",
-    "@types/node": "^20.14.10",
+    "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
+    "@nuxt/eslint-config": "^0.5.0",
+    "@nuxt/module-builder": "^0.8.3",
+    "@nuxt/schema": "^3.12.4",
+    "@nuxt/test-utils": "^3.14.1",
+    "@types/node": "^22.4.0",
     "changelogen": "^0.5.5",
-    "eslint": "^9.6.0",
-    "nuxt": "^3.12.3",
-    "prettier": "^3.3.2",
-    "prettier-plugin-tailwindcss": "^0.6.5",
-    "vitest": "^1.6.0"
+    "eslint": "^9.9.0",
+    "nuxt": "^3.12.4",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.6",
+    "vitest": "^2.0.5"
+  },
+  "overrides": {
+    "nitropack": "2.9.6"
   }
-}
+}
diff --git a/playground/components/Ui/Button.vue b/playground/components/Ui/Button.vue
@@ -15,7 +15,7 @@
     :type="type"
     @click="onClick"
   >
-    <slot />
+    <slot>{{ text }}</slot>
   </component>
 </template>
 
@@ -25,19 +25,39 @@
   type ButtonProps = VariantProps<typeof buttonStyles>;
   const props = withDefaults(
     defineProps<{
+      /** The type fro the button */
       type?: "button" | "submit" | "reset";
+      /** Whether the button is disabled */
       disabled?: boolean;
+      /** Whether the button is loading */
       loading?: boolean;
+      /** The action to perform when the button is clicked */
       onClick?: any;
+      /** The location to navigate to when the button is clicked */
       to?: string | RouteLocationRaw;
+      /** The location to navigate to when the button is clicked */
       href?: string;
+      /** The element to render the button as */
       as?: string;
+      /** Custom class(es) to add to parent element */
       class?: any;
+      /** The variant of the button */
       variant?: ButtonProps["variant"];
+      /** The size of the button */
       size?: ButtonProps["size"];
+      /** The text to display in the button */
+      text?: string;
     }>(),
     {
       type: "button",
+      onClick: undefined,
+      to: undefined,
+      href: undefined,
+      as: undefined,
+      class: undefined,
+      text: undefined,
+      variant: "default",
+      size: "default",
     }
   );
 

diff --git a/playground/components/Ui/Container.vue b/playground/components/Ui/Container.vue
@@ -1,5 +1,5 @@
 <template>
-  <Primitive :class="styles({ class: props.class })" v-bind="reactiveOmit(props, 'class')">
+  <Primitive :class="styles({ class: props.class })" v-bind="forwarded">
     <slot />
   </Primitive>
 </template>
@@ -19,6 +19,8 @@
     }
   );
 
+  const forwarded = reactiveOmit(props, "class");
+
   const styles = tv({
     base: "container mx-auto",
   });

diff --git a/playground/components/Ui/Tabs/Content.vue b/playground/components/Ui/Tabs/Content.vue
@@ -1,5 +1,5 @@
 <template>
-  <TabsContent v-bind="reactiveOmit(props, 'class')" :class="styles({ class: props.class })">
+  <TabsContent v-bind="forwarded" :class="styles({ class: props.class })">
     <slot />
   </TabsContent>
 </template>
@@ -14,7 +14,7 @@
       class?: any;
     }
   >();
-
+  const forwarded = reactiveOmit(props, "class");
   const styles = tv({
     base: "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
   });

diff --git a/playground/components/Ui/Tabs/Indicator.vue b/playground/components/Ui/Tabs/Indicator.vue
@@ -1,9 +1,6 @@
 <template>
   <ClientOnly>
-    <TabsIndicator
-      v-bind="{ ...reactiveOmit(props, 'class'), ...$attrs }"
-      :class="styles({ class: props.class })"
-    >
+    <TabsIndicator v-bind="{ ...forwarded, ...$attrs }" :class="styles({ class: props.class })">
       <slot>
         <div class="h-full w-full rounded-md bg-primary" />
       </slot>
@@ -12,7 +9,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { TabsIndicator, withDefault } from "radix-vue";
+  import { TabsIndicator } from "radix-vue";
   import type { TabsIndicatorProps } from "radix-vue";
 
   defineOptions({ inheritAttrs: false });
@@ -23,7 +20,7 @@
       class?: any;
     }
   >();
-
+  const forwarded = reactiveOmit(props, "class");
   const styles = tv({
     base: "absolute bottom-0 left-0 h-[3px] w-[--radix-tabs-indicator-size] translate-x-[--radix-tabs-indicator-position] rounded-full px-1 transition-[width,transform] duration-300",
   });

diff --git a/playground/components/Ui/Tabs/List.vue b/playground/components/Ui/Tabs/List.vue
@@ -1,5 +1,5 @@
 <template>
-  <TabsList :class="styles({ pill, class: props.class })" v-bind="reactiveOmit(props, 'class')">
+  <TabsList :class="styles({ pill, class: props.class })" v-bind="forwarded">
     <slot />
   </TabsList>
 </template>
@@ -18,9 +18,9 @@
     >(),
     { pill: true }
   );
-
+  const forwarded = reactiveOmit(props, "class");
   const styles = tv({
-    base: "inline-flex h-10 items-center justify-center rounded-md  p-1 text-muted-foreground",
+    base: "inline-flex h-10 items-center justify-center rounded-md p-1 text-muted-foreground",
     variants: {
       pill: {
         true: "bg-muted",

diff --git a/playground/components/Ui/Tabs/Trigger.vue b/playground/components/Ui/Tabs/Trigger.vue
@@ -1,5 +1,5 @@
 <template>
-  <TabsTrigger v-bind="reactiveOmit(props, 'class')" :class="styles({ pill, class: props.class })">
+  <TabsTrigger v-bind="forwarded" :class="styles({ pill, class: props.class })">
     <slot />
   </TabsTrigger>
 </template>
@@ -21,9 +21,9 @@
       pill: true,
     }
   );
-
+  const forwarded = reactiveOmit(props, "class");
   const styles = tv({
-    base: "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 ",
+    base: "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
     variants: {
       pill: {
         true: "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",

diff --git a/playground/nuxt.config.ts b/playground/nuxt.config.ts
@@ -13,10 +13,10 @@ export default defineNuxtConfig({
     "@nuxtjs/color-mode",
     "@vueuse/nuxt",
     "nuxt-icon",
-    "@fdcn/nugget",
     "@nuxtjs/seo",
     "@nuxtjs/google-fonts",
     "@kevinmarrec/nuxt-pwa",
+    "@hypernym/nuxt-gsap",
   ],
 
   devtools: { enabled: true },
@@ -98,6 +98,11 @@ export default defineNuxtConfig({
       theme_color: "#09090b",
     },
   },
+  gsap: {
+    composables: true,
+    provide: false,
+    extraPlugins: { scrollTrigger: true },
+  },
 
   compatibilityDate: "2024-07-09",
 });