feedbacky-case

Feedbacky

Demo

Example Project

Setup

yarn add feedbacky-case  # or npm i feedbacky-case

Vue3

Global Register

import { createApp } from 'vue'
import App from './App.vue'
import { Feedbacky } from 'feedbacky-case'
import 'feedbacky-case/dist/vue3/feedbacky.min.css'

const app = createApp(App)

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

Local Register

<script setup>
import { Feedbacky } from 'feedbacky-case'
import 'feedbacky-case/dist/vue3/feedbacky.min.css'
</script>

Via CDN

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

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

Vue2

Global Register

import Vue from "vue";
import { Feedbacky } from "feedbacky-case";
import 'feedbacky-case/dist/vue2/feedbacky.min.css'

Vue.use(Feedbacky);

Local Register

import { Feedbacky } from "feedbacky-case";
import 'feedbacky-case/dist/vue2/feedbacky.min.css'

export default {
  components: {
    Feedbacky,
  }
}

Via CDN

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

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

Vue.use(Feedbacky);
</script>

 

Usage

Usage

<Feedbacky @sendFeedback="sendFeedback" />

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