how to integrate this with vue? about github-calendar

[OziOcb]

First, install the package:

# Using npm
npm install --save github-calendar

# Using yarn
yarn add github-calendar

Then, in .vue file: (I created a separate component for this)

<template>
  <div class="calendar">
    <!-- Loading stuff -->
    Loading the data just for you.
  </div>
</template>

<script>
import GitHubCalendar from "github-calendar"

export default {
  mounted() {
    GitHubCalendar(".calendar", "YOUR_USER_NAME", {
      responsive: true
    })
  }
}
</script>

Do not forget to import the calendar's styles

[IonicaBizau]

I haven't worked with vue... but I'm cc'ing @egoist and @GhitaB here. Maybe they have some ideas.

[egoist]

Why did you even try to call Vue.use(GitHubCalendar(".calendar", "SaadKhanMalik")) 😂 It's not a Vue plugin.

To use it in a Vue component, you can call GitHubCalendar(element, username) in the component's mounted hook.