Problem: Some components import .scss files and inside those .scss files we have some things like this:
@import "@/assets/styles/foundations";
@import "@/assets/styles/foundations";
When I import this files in the Nuxt 3 workspace my "@" alias points to the workspace root dir which is different from my Storybook root dir.
When using storybook the import will look something like:
.../storybook/src/assets/styles/foundations
.../storybook/src/assets/styles/foundations
But when importing inside the nuxt 3 workspace:
.../nuxt3/assets/styles/foundations
.../nuxt3/assets/styles/foundations
I see 2 solutions for this: Bundle the storybook package with my nuxt 3 workspace or just add the assets I need with some lifecycle hook? Transpile all the alias to respect the workspace vite config?
I am having trouble to find a good solution.. Can you help me?