e-resources does not render when I shift the code from App.vue to another file

[nicole]

Hi, 

I am currently trying to create a scheduler. I have tried to follow the steps from here (https://ej2.syncfusion.com/vue/documentation/schedule/getting-started-vue-3/) and the scheduler worked. However, when I tried to move the code from App.vue into a new file (named Calendar.vue), and then call the Calendar component from App.vue, contents between the e-resources tag did not render. May I know the reason for this?

Would greatly appreciate your help! thanks! 

[Satheesh Kumar Balasubramanian]

Hi Nicole, 

  

Thanks for using Syncfusion Products. 

We have validated your reported query "e-resources does not render when I shift the code from App.vue to another file" and suggest you to inject the view modules in App.vue page to resolve the reported issue. For the same we have prepared the sample which can be downloaded from the following link. 

  

Sample: https://www.syncfusion.com/downloads/support/forum/169915/ze/Vue3Schedule741530694

  

App.vue:    

<template>

  <div id="app">

    <Calendar />

  </div>

</template>

<script>

import Calendar from './components/Calendar.vue';

import { Day, Week, WorkWeek, Month, Agenda, DragAndDrop, Resize } from "@syncfusion/ej2-vue-schedule";

export default {

  name: 'App',

  components: {

    Calendar

  },

  provide: {

    schedule: [Day, Week, WorkWeek, Month, Agenda, DragAndDrop, Resize]

  }

}

</script>

  

Kindly try the above sample and let us know if this meets your requirement. 

  

Regards, 

Satheesh Kumar B