Component only works when registered via Vue.use()

[mtimofiiv]

Works like so:

import Vue from 'vue';
import FullCalendar from 'vue-full-calendar';

Vue.use(FullCalendar);

<template>
  <full-calendar></full-calendar>
</template>

If you try to do this:

<template>
  <calendar></calendar>
</template>
<script>
import calendar from 'vue-full-calendar';

export default {
   components: {
     calendar
   }
}
</script>

You get Failed to mount component: template or render function not defined

[BrockReece]

Hey, the following should work...

import { FullCalendar } from 'vue-full-calendar'
export default {
  components: {
    FullCalendar,
  },
}

[mtimofiiv]

@BrockReece tried that! Still having the issue. The name of the import does not seem to affect it.

[BrockReece]

@mtimofiiv this is working for me in this sandbox https://codesandbox.io/s/1zz00qvnzl

Btw, this isn't about the name of the import, this is specifically exporting the FullCalendar component as opposed from exporting the default Vue plugin.

import { FullCalendar } from 'vue-full-calendar'

Hope that helps?

[mtimofiiv]

Sorry, misread that, did not notice the destructuring! Now it works.

[BrockReece]

Great