feedbackier v1.0.2

Feedbackier

Demo

Setup

yarn add feedbackier  # or npm i feedbackier

Vue3

Global Register

import { createApp } from 'vue'
import App from './App.vue'
import { Feedbackier } from 'feedbackier'
import 'feedbackier/dist/vue3/feedbackier.min.css'

const app = createApp(App)

app.use(Feedbackier);
app.mount('#app')

Local Register

<script setup>
import { Feedbackier } from 'feedbackier'
import 'feedbackier/dist/vue3/feedbackier.min.css'
</script>

Via CDN

<script src="https://unpkg.com/vue@3"></script>
<script src="https://unpkg.com/feedbackier"></script>
<link 
 rel="stylesheet" 
 href="https://unpkg.com/feedbackier/dist/vue3/feedbackier.min.css"
>

<script>
  const app = Vue.createApp({})
    
  app.use(Feedbackier)
  app.mount('#app')
</script>

Vue2

Global Register

import Vue from "vue";
import { Feedbackier } from "feedbackier";
import 'feedbackier/dist/vue2/feedbackier.min.css'

Vue.use(Feedbackier);

Local Register

import { Feedbackier } from "feedbackier";
import 'feedbackier/dist/vue2/feedbackier.min.css'

export default {
  components: {
    Feedbackier,
  }
}

Via CDN

<script src="https://unpkg.com/vue@2"></script>
<script src="https://unpkg.com/feedbackier"></script>
<link 
 rel="stylesheet" 
 href="https://unpkg.com/feedbackier/dist/vue2/feedbackier.min.css"
>

<script>
new  Vue({
  el: "#app"
});

Vue.use(Feedbackier);
</script>

Usage

Usage

<Feedbackier @sendFeedback="sendFeedback" />

<script setup>
  const sendFeedback = ({ message }) => {
    //process
  }
</script>