@@ -1,5 +1,5 @@
<template>
- <svg class="le-icon" aria-hidden="true" @click="$emit('click', $event)">
+ <svg class="le-icon" aria-hidden="true">
<use :xlink:href="`#${iconClass}`" :fill="color" />
</svg>
</template>
@@ -15,5 +15,4 @@ const props = defineProps({
default: ''
}
})
-defineEmits(['click'])
</script>
@@ -25,12 +25,16 @@ const props = defineProps({
const symbolId = computed(() => `#${props.prefix}-${props.iconClass}`)
-<style scoped>
+<style scoped lang="scss">
.svg-icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
overflow: hidden;
fill: currentColor;
+
+ &:focus {
+ outline: unset;
+ }
</style>
@@ -6,4 +6,7 @@