/vsf-storyblok

Storyblok module for Vue Storefront

Primary LanguageTypeScriptMIT LicenseMIT

Storyblok module for Vue Storefront

Storyblok module for vue-storefront.

Installation

git clone git@github.com:jankawulok/vsf-storyblok.git ./vue-storefront/src/modules/storyblok

Add to your config/local.json and configure the accessToken and version.

"storyblok": {
    "accessToken": "my_access_token",
    "version": "draft or published"
  }

Registration of module

Add to ./src/modules/index.ts

...
import { Storyblok } from './storyblok';

export const registerModules: VueStorefrontModule[] = [
  ...
  Storyblok
]

Integration with your page

Add mixin to page you want to use with storyblok

import StoryblokMixin from 'src/modules/storyblok/components/StoryblokMixin'

export default {
  mixins: [..., StoryblokMixin],

Story is fetch based on url path and available via story prop.

TODO

  • SSR support
  • Ingetration with Visual Composer
  • Offline supprt