fix: minor cleanup

apps/html-storybook/package.json

@@ -62,8 +62,8 @@
     "tailwindcss": "^3.4.3",
     "ts-node": "^10.9.2",
     "tslib": "^2.6.2",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.11"
+    "typescript": "^5.4.5",
+    "vite": "^5.3.1"
   },
   "overrides": {
     "react-remove-scroll": {

apps/vue-storybook/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue-storybook",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -63,9 +63,9 @@
     "storybook-addon-vue-slots": "^0.9.29",
     "tailwindcss": "^3.4.3",
     "ts-node": "^10.9.2",
-    "typescript": "^5.2.2",
+    "typescript": "^5.4.5",
     "unplugin-vue-components": "^0.27.0",
-    "vite": "^5.2.0",
+    "vite": "^5.3.1",
     "vue-tsc": "^2.0.6"
   }
 }

packages/common-storybook/package.json

@@ -19,6 +19,6 @@
     "rimraf": "^5.0.5",
     "storybook": "^8.1.2",
     "ts-node": "^10.9.2",
-    "typescript": "^5.2.2"
+    "typescript": "^5.4.5"
   }
 }

packages/html/package.json

@@ -39,7 +39,7 @@
     "autoprefixer": "^10.4.19",
     "lazysizes": "^5.3.0",
     "postcss-import": "^16.1.0",
-    "typescript": "^5.2.2",
-    "vite": "^5.2.0"
+    "typescript": "^5.4.5",
+    "vite": "^5.3.1"
   }
 }

packages/nuxt/package.json

@@ -62,7 +62,7 @@
     "@types/node": "^20.12.11",
     "changelogen": "^0.5.5",
     "nuxt": "^3.11.2",
-    "typescript": "latest",
-    "vue-tsc": "^2.0.16"
+    "typescript": "^5.4.5",
+    "vue-tsc": "^2.0.6"
   }
 }

packages/nuxt/src/runtime/plugins/dayjs.js

@@ -1,2 +1,2 @@
-import dayjs from '@explorer-1/vue'
+import dayjs from '@explorer-1/vue/src/utils/dayjs'
 export default dayjs

packages/nuxt/src/runtime/plugins/filters.ts → packages/nuxt/src/runtime/plugins/filters.js

@@ -1,4 +1,4 @@
-import filters from '@explorer-1/vue'
+import filters from '@explorer-1/vue/src/utils/filters'
 import { defineNuxtPlugin } from 'nuxt/app'
 
 export default defineNuxtPlugin((nuxtApp) => {

packages/nuxt/src/runtime/store/header.ts

@@ -1,3 +1 @@
-import useHeaderStore from '@explorer-1/vue'
-
-export default useHeaderStore
+export { useHeaderStore } from '@explorer-1/vue/src/store/header'

packages/nuxt/src/runtime/store/theme.ts

@@ -1,3 +1 @@
-import useThemeStore from '@explorer-1/vue'
-
-export default useThemeStore
+export { useThemeStore } from '@explorer-1/vue/src/store/theme'

packages/vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -46,9 +46,9 @@
     "autoprefixer": "^10.4.19",
     "postcss": "^8.4.38",
     "postcss-import": "^16.1.0",
-    "typescript": "^5.2.2",
+    "typescript": "^5.4.5",
     "unplugin-vue-components": "^0.27.0",
-    "vite": "^5.2.11",
+    "vite": "^5.3.1",
     "vite-plugin-dts": "^3.9.1",
     "vue-tsc": "^2.0.6"
   }

packages/vue/src/docs/foundation/DynamicTokens.vue

@@ -1,5 +1,5 @@
 <template>
-  <table class="table-autotext-sm">
+  <table class="DynamicTokensTable table-autotext-sm">
     <thead>
       <tr>
         <th class="text-left w-1/2">Color</th>
@@ -95,12 +95,14 @@
     </tbody>
   </table>
 </template>
-<style scoped>
-.ThemeVariantDark table {
-  @apply text-white;
-}
-td,
-th {
-  @apply px-2;
+<style lang="scss">
+.DynamicTokensTable {
+  .ThemeVariantDark & {
+    @apply text-white #{!important};
+  }
+  td,
+  th {
+    @apply px-2;
+  }
 }
 </style>

packages/vue/src/docs/foundation/themes.docs.mdx

@@ -30,7 +30,7 @@ Changing the Theme and Variant to see how the dynamic tokens change.
 
 For components that have light and dark themes, add theme rules to the end of your scss. The following is an example of a component whose background should be `bg-white` by default and in `ThemeVariantLight` but `bg-black` in `ThemeVariantDark`
 
-```scss
+```css
 .MyComponent {
   // set the default background color
   @apply bg-white;