Bloggify / github-calendar

:bar_chart: Embed your GitHub calendar everywhere.
https://bloggify.github.io/github-calendar/example/
MIT License
1.22k stars 213 forks source link

issues getting this to work with Vue #168

Closed The-Lord-of-Owls closed 6 months ago

The-Lord-of-Owls commented 1 year ago

Basically when trying to use this with Vue I get the following error

TypeError: Cannot set properties of null (setting 'innerHTML') at index.js:188:27

I have ran npm install github-calendar

assets/main.css

@import "github-calendar/dist/github-calendar.css";

views/ActivityView.vue

<script setup lang="ts">
    //Does not seem to work, need to investigate
    import GitHubCalendar from "github-calendar"

    GitHubCalendar( ".calendar", "The-Lord-of-Owls", {
        responsive: true
    } )
</script>

<template>
    <div class="container-sm">
        <div class="calendar">
            <h3 class="green">Loading Github User History...</h3>
        </div>
    </div>
</template>
IonicaBizau commented 6 months ago

It is perhaps related to the recent issues in the library. It should be fixed now.