@explorer-1/vue-storybook 0.0.0 → 0.0.1

package/.storybook/preview.ts

@@ -10,7 +10,7 @@ import VueCompareImage from 'vue3-compare-image'
 import { createPinia } from 'pinia'
 import filters from '@explorer-1/vue/src/utils/filters'
 import '@explorer-1/common-storybook/src/config/canvas.css'
-import '@explorer-1/vue/src/assets/scss/styles.scss'
+import '@explorer-1/common/src/scss/styles.scss'
 import { withGlobals, globalTypes } from './withGlobals'
 import customTheme from '@explorer-1/common-storybook/src/config/customTheme'
 import '@explorer-1/common-storybook/src/config/canvas.css'

package/.storybook/withGlobals.ts

@@ -2,7 +2,7 @@ import { useEffect, useGlobals } from '@storybook/preview-api'
 import { useThemeStore } from '@explorer-1/vue/src/store/theme'
 import { type Explorer1Theme } from '@explorer-1/vue/src/interfaces'
 
-const getConfig = (config) => {
+export const getConfig = (config) => {
   // default values
   let defaultMethod: string = 'css'
   let options: string[] | undefined = undefined
@@ -40,6 +40,7 @@ const getConfig = (config) => {
 
 export const withGlobals = (StoryFn, context) => {
   const useTheme = useThemeStore()
+  // function useTheme((context) => useThemeStore)
   const { themesConfig, variantsConfig } = context.globals
   const { options, method } = getConfig(themesConfig)
   const { options: variantOptions, method: variantMethod } = getConfig(variantsConfig)
@@ -119,7 +120,7 @@ export const withGlobals = (StoryFn, context) => {
     useEffect(() => {
       if (variant) {
         const savedVariant = window.localStorage.getItem('data-variant')
-        document.body.classList.remove(savedVariant)
+        if (savedVariant) document.body.classList.remove(savedVariant)
         document.body.classList.add(variant)
         window.localStorage.setItem('data-variant', variant)
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@explorer-1/vue-storybook",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -16,9 +16,13 @@
     "@fancyapps/ui": "^4.0.26",
     "@tailwindcss/forms": "^0.5.7",
     "click-outside-vue3": "^4.0.1",
+    "dayjs": "^1.11.11",
     "swiper": "^11.1.3",
     "vue": "^3.2.47",
-    "vue3-compare-image": "^1.2.5"
+    "vue3-compare-image": "^1.2.5",
+    "@explorer-1/common": "1.0.1",
+    "@explorer-1/vue": "0.0.3",
+    "@explorer-1/common-storybook": "0.0.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.2.0",
@@ -41,21 +45,17 @@
     "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",
-    "@explorer-1/common": "1.0.0",
-    "@explorer-1/common-storybook": "0.0.0",
-    "@explorer-1/vue": "0.0.0",
-    "@explorer-1/prettier-config": "1.0.0",
     "@explorer-1/tsconfig": "1.0.0",
+    "@explorer-1/prettier-config": "1.0.0",
     "@explorer-1/html": "0.0.0"
   },
   "scripts": {
     "dev": "pnpm storybook",
     "prepare:public": "cp -R ./node_modules/@explorer-1/common/src/public/explorer-1/ ./public/explorer-1",
-    "prepare:public:edu": "cp -R ./node_modules/@explorer-1/common/src/public/explorer-1/ ./public/edu/explorer-1",
     "prepare:fontcss": "cp ./node_modules/@explorer-1/common/src/scss/_fonts.scss ./public/css/font-face.css",
     "storybook": "storybook dev -c .storybook -p 6006 --ci",
     "build": "storybook build -c .storybook -o storybook_compiled",

package/vite.config.ts

@@ -21,12 +21,5 @@ export default defineConfig({
     watch: {
       usePolling: true
     }
-  },
-  css: {
-    preprocessorOptions: {
-      scss: {
-        additionalData: `@import "@explorer-1/common/src/scss/_hover.scss";`
-      }
-    }
   }
 })