Footer component will not display in storybook

[annabarnes1138]

It seems to not like the vite-plugin-vue-i18n stuff

Steps to reproduce:

1. Clone repo
2. use npm or yarn to install dependencies
3. Change this line to import { isDark, toggleDark } from '../logics' (so that storybook can resolve that path)
4. Add a stories file for Footer @ .storybook/stories/Footer.stories.js (source below)

import Footer from '../../src/components/Footer.vue'

export default {
  component: Footer,
  title: 'Example/Footer',
};

const Template = (args) => ({
  components: { Footer },
  setup() {
    return { args };
  },
  template: '<Footer />',
});

export const Preview = Template.bind({});

[JohnCampionJr]

Yeah, Storybook can't bring in anything that needs Vite plugins to work properly. I mainly integrated it to be able to test and document some stand alone components I'm building for a client. Unless the official storybook ever integrates with vite, this is probably as good as it can get.

[ackushiw-rialtic]

I've been testing a vite + unocss + storybook integration https://github.com/ackushiw-rialtic/vite-storybook

@stecky My implementation won't fix your issue out of the box but could point you in the right direction