Feedbacky
Demo
Example Project
Setup
yarn add 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 }) => {
}
</script>