Can't get it to work in NuxtJS

This is probably just a configuration error, but seeing that #15 isn’t related I thought I might open a new one. I have added slate-vue to my Nuxt project and enabled the plugin in nuxt.config.js.

// plugins/vue-slate.js
import Vue from 'vue'
import { SlatePlugin } from 'slate-vue'

Vue.use(SlatePlugin)

// nuxt.config.js
{
  build: {
    transpile: ['slate-vue']
  },
  plugins: ['~/plugins/vue-slate.js'],
}

I still experience the Unexpected token 'export' error. That’s why I added the package to the transpile key in the first place. As soon as I remove the plugin file reference from the plugins array, the website loads fine.

Edit: I’ve uploaded the project: https://github.com/SirWindfield/zt-write. It’s basically just the default template (yarn create nuxt-app zt-write) with slate-vue added and configured.

[marsprince]

I have done some tests and found the problem. The module for tsx support: vue-tsx-support@3.1.0 only has ES6 dist version. Just add it to transpile option like : build: { transpile: ['slate-vue', 'vue-tsx-support'] }

[rxsto]

JFYI, you can get this to work with SSR (and e.g. the static target) when wrapping the <Slate> component in <client-only> in order to bypass prerendering for this specific part of the code. https://nuxtjs.org/docs/features/nuxt-components/#the-client-only-component