Error: Invalid Adapter: undefined

[nterms]

Hi,

I'm getting this issue while trying to use pouch inside one of my components.

[Vue warn]: Error in created hook: "Error: Invalid Adapter: undefined"

found in

---> <Jobs> at /home/user/code/nodejs/app/src/app/components/jobs.vue
       <Home> at /home/user/code/nodejs/app/src/app/components/home.vue
         <Root>
Error: Invalid Adapter: undefined
    at new PouchDB$3 (__vue_ssr_bundle__:54191:11)
    at VueComponent.vm.$watch.immediate (__vue_ssr_bundle__:76244:42)
    at VueComponent.Vue.$watch (__vue_ssr_bundle__:12474:10)
    at __vue_ssr_bundle__:76221:12
    at Array.map (native)
    at VueComponent.created (__vue_ssr_bundle__:76212:33)
    at callHook (__vue_ssr_bundle__:11789:21)
    at VueComponent.Vue._init (__vue_ssr_bundle__:13454:5)
    at new VueComponent (__vue_ssr_bundle__:13622:12)
    at createComponentInstanceForVnode (/home/user/code/nodejs/app/node_modules/vue-server-renderer/build.js:7166:10)
_http_outgoing.js:371
    throw new Error('Can\'t set headers after they are sent.');
    ^

Error: Can't set headers after they are sent.
    at ServerResponse.setHeader (_http_outgoing.js:371:11)
    at ServerResponse.header (/home/user/code/nodejs/app/node_modules/express/lib/response.js:602:10)
    at ServerResponse.send (/home/user/code/nodejs/app/node_modules/express/lib/response.js:119:14)
    at PassThrough.<anonymous> (/home/user/code/nodejs/app/src/server/middlewares/app.js:75:23)
    at emitOne (events.js:101:20)
    at PassThrough.emit (events.js:191:7)
    at RenderStream.<anonymous> (/home/user/code/nodejs/app/node_modules/vue-server-renderer/build.js:8410:19)
    at emitOne (events.js:96:13)
    at RenderStream.emit (events.js:191:7)
    at RenderStream.tryRender (/home/user/code/nodejs/app/node_modules/vue-server-renderer/build.js:2308:12)

Here is the Jobs component

<template>
  <div class="jobs">
    <div v-for="job in jobs" class="job">
      <h4>{{ job.name }}</h4>
    </div>
  </div>
</template>

<script>
export default {
  pouch: {
    jobs: { }
  },
  mounted: () => {
    
  }
}
</script>

And the entry .js file.

import Vue from 'vue';
import App from './components/app.vue';
import router from './router';
import store from './store';
import * as models from './models';
import i18n from './i18n';

import PouchDB from 'pouchdb-browser';
import PouchFind from 'pouchdb-find';
import PouchLiveFind from 'pouchdb-live-find';
import PouchAuth from 'pouchdb-authentication';
import VuePouch from 'vue-pouch';

PouchDB.plugin(PouchFind);
PouchDB.plugin(PouchLiveFind);
PouchDB.plugin(PouchAuth);

Vue.use(VuePouch, {
    pouch: PouchDB,
    defaultDB: 'jobs'
});

export const app = new Vue(
  Vue.util.extend({
    i18n,
    router,
    store,
    models
  }, App)
);

Please help.