FeathersVuexPagination.js: export 'createElement' was not found in '@vue/composition-api

Steps to reproduce

Fresh, new install in Nuxt 2.1:

// plugins/featers-client
import feathers from '@feathersjs/feathers'
import socketio from '@feathersjs/socketio-client'
import auth from '@feathersjs/authentication-client'
import io from 'socket.io-client'

import { CookieStorage } from 'cookie-storage'

let API_URL = 'https://app.bligson.com/api'

if (window.location.hostname === 'localhost') {
  API_URL = 'http://localhost:3030'
}

const socket = io(API_URL, {
  transports: ['websocket']
})

const storage = new CookieStorage()

const feathersClient = feathers()
  .configure(socketio(socket))
  .configure(auth({ storage }))

export default feathersClient

And then:

// store/auth.js
import feathersVuex from 'feathers-vuex'
import feathersClient from '@/plugins/feathers-client'

const {
  service,
  auth,
  FeathersVuex
} = feathersVuex(feathersClient, {
  idField: '_id'
})

export default {
  service,
  auth,
  FeathersVuex
}

First attempt I get warning I need to install @vue/composition-api Was not clear from docs, but npm install save ....

But now I am stuck after:

 ./node_modules/feathers-vuex/dist/FeathersVuexPagination.js                                                                                                                                                                                                                                                                       friendly-errors 12:20:52

"export 'createElement' was not found in '@vue/composition-api'   

[phatj]

@tvld, the composition API entered beta status and broke a couple of things.

Use @vue/composition-api@0.6.7 (version 0.6.7) instead:

yarn add @vue/composition-api@0.6.7

# or
npm install @vue/composition-api@0.6.7 --save

The createElement function that was imported has been aliased to just h as a convention (see: here)

Aliasing createElement to h is a common convention you’ll see in the Vue ecosystem and is actually required for JSX. Starting with version 3.4.0 of the Babel plugin for Vue, we automatically inject const h = this.$createElement in any method and getter (not functions or arrow functions), declared in ES2015 syntax that has JSX, so you can drop the (h) parameter. With prior versions of the plugin, your app would throw an error if h was not available in the scope.

[philipimperato]

When using vite, this produces a build error: