IT4Change/boilerplate-frontend
3
0
Fork 0
mirror of https://github.com/IT4Change/boilerplate-frontend.git synced 2025-12-13 07:35:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix storybook to work with pinia and vue-i18n

Browse Source
This commit is contained in:
Ulf Gebhardt 2023-11-17 11:02:30 +01:00
parent 30ed38b79a
commit d3431ec776
Signed by: ulfgebhardt
GPG Key ID: DA6B843E748679C9
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.storybook/StoryWrapper.vue
View File

@ -16,7 +16,7 @@ export default {
</script> </script>
<style> <style>
.v-application__wrap { .v-application .v-application__wrap {
min-height: unset; min-height: unset;
} }
</style> </style>

11
.storybook/preview.ts
View File

@ -1,13 +1,20 @@
import type { Preview } from "@storybook/vue3"; import type { Preview } from "@storybook/vue3";
import vuetify from '../renderer/vuetify' import { createPinia } from 'pinia'
import { withVuetifyTheme } from './withVuetifyTheme.decorator'; import { withVuetifyTheme } from './withVuetifyTheme.decorator';
import i18n from '../renderer/i18n'
import CreateVuetify from '../renderer/vuetify'
// .storybook/preview.js // .storybook/preview.js
import { setup } from '@storybook/vue3'; import { setup } from '@storybook/vue3';
setup((app) => { setup((app) => {
// Registers your app's plugins into Storybook // Registers your app's plugins into Storybook
app.use(vuetify); // app.use(vuetify);
const pinia = createPinia()
app.use(pinia)
app.use(i18n)
app.use(CreateVuetify(i18n))
}); });
export const decorators = [withVuetifyTheme]; export const decorators = [withVuetifyTheme];