41 lines
566 B
Vue
41 lines
566 B
Vue
<template>
|
|
<a :href="url"
|
|
target="_blank"
|
|
class="
|
|
transform
|
|
hover:scale-110
|
|
cursor-pointer
|
|
p-2
|
|
text-white
|
|
items-center
|
|
|
|
shadow-none
|
|
border-none
|
|
ring-none
|
|
outline-none
|
|
">
|
|
<i class="w-7 h-7" :data-feather="featherIcon"/>
|
|
</a>
|
|
</template>
|
|
|
|
<script>
|
|
import feather from "feather-icons";
|
|
|
|
export default {
|
|
name: "SocialButton",
|
|
props: ["featherIcon", "url"],
|
|
|
|
mounted() {
|
|
feather.replace();
|
|
},
|
|
|
|
updated() {
|
|
feather.replace();
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|