onefriendaday

export default (req, res) => {
  // ...
  res.setPreviewData({})
  const previous = res.getHeader('Set-Cookie')
  previous.forEach((cookie, index) => {
    previous[index] = cookie.replace('SameSite=Lax', 'SameSite=None')
  })
  res.setHeader(`Set-Cookie`, previous)
  res.end("Preview mode enabled")
  // ...

onefriendaday

function setPreviewData<T>(
  res: NextApiResponse<T>,
  data: object | string, // TODO: strict runtime type checking
  options: {
    maxAge?: number
  } & __ApiPreviewProps
): NextApiResponse<T> {
  if (
    typeof options.previewModeId !== 'string' ||
    options.previewModeId.length < 16

onefriendaday

const RichTextResolver = require('storyblok-js-client/dist/richTextResolver')
const MySchema = require('storyblok-js-client/dist/schema')

MySchema.nodes.heading = function(node) {
  let attrs = {}

  if (node.content &&
      node.content.length === 1 &&
      node.content[0].marks &&
      node.content[0].marks.length === 1 &&

onefriendaday

const Fieldtype = {
  mixins: [window.Storyblok.plugin],
  data() {
    return {
      advancedOpen: false
    }
  },
  template: `<div>
  <div class="uk-margin-small-bottom">
    Google preview

onefriendaday

...
init(): void {
    if (!this.client) {
        this.initClient();
    }

    this.initTranslationsFetching();
    this.listenToRouteChange();
    
    if (window.location != window.parent.location) {

onefriendaday

const Fieldtype = {
  mixins: [window.Storyblok.plugin],
  template: `<div>
<sb-asset-selector :uid="uid" field="example">
</sb-asset-selector>  
{{model.example}}
</div>`,
  methods: {
    initWith() {
      return {

onefriendaday

const Fieldtype = {
  mixins: [window.Storyblok.plugin],
  template: `<div><input class="uk-width-1-1" v-model="model.example" /></div>`,
  methods: {
    initWith() {
      return {
        plugin: 'example_plugin',
        example: 'Hello world!'
      }
    },

onefriendaday

const StoryblokClient = require('storyblok-js-client')
const Storyblok = new StoryblokClient({
  accessToken: 'YOUR_TOKEN'
})

Storyblok.setComponentResolver((component, blok) => {
  switch(component) {
    case 'my_button':
      return `<button>${blok.button_text}</button>`
      break;

onefriendaday

Vue.directive('my-editable', {
  bind: function(el, binding) {
    if (typeof binding.value._editable === 'undefined') {
      return
    }

    var options = JSON.parse(binding.value._editable.replace('<!--#storyblok#', '').replace('-->', ''))

    if (options.id != window.storyblok.getParam('_storyblok')) {
      return

onefriendaday

// For Nuxtjs and Gridsome:
<template>
  <div>
    <div v-html="richtext"></div>
  </div>
</template>

<script>
export default {
  props: ['text'],