vue-utterances v0.3.4

vue-utterances 🔮

Vue.js component for 🔮 utterances 🔮

Utterances is a lightweight comments widget built on GitHub issues, for blog comments, wiki pages and more. Read more at https://utteranc.es/.

This package is under active development! If you encounter bugs, please open an issue at https://github.com/khalby786/vue-utterances/issues.

Installation

npm i vue-utterances

This package is compatible only with Vue 3.

Usage

Vue CLI (with a Bundler)

<template>
    <vue-utterances repo="khalby786/vue-utterances" theme="github-light" issue-term="pathname" />
</template>

<script>
import VueUtterances from "vue-utterances";

export default {
    ...

    components: {
        VueUtterances
    }

    ...
}
</script>

Browser (with CDN)

<div id="app">
    <vue-utterances repo="khalby786/vue-utterances" />
</div>
    
<script src="https://unpkg.com/vue@next"></script>
<script src="https://unpkg.com/vue-utterances@0.1.2/dist/vue-utterances.min.js"></script>

const app = {
  components: {
    VueUtterances
  }
}

Vue.createApp(app).mount("#app");

Props

Confession

I've never published a Vue component to NPM for public use and it's my first time. I followed this tutorial to create this component package. I'm not familiar with the entire concept (yet), and I might be doing some things the wrong way, so if you feel like something needs correction or can be improved further, please create an issue/pull request!

License

MIT License - Khaleel Gibran