feat: Remove ionicons v2 dependency on widget (#3402)
This commit is contained in:
parent
c2b4991fd8
commit
a3ba8f9e35
15 changed files with 119 additions and 117 deletions
35
app/javascript/shared/components/FluentIcon/Index.vue
Normal file
35
app/javascript/shared/components/FluentIcon/Index.vue
Normal file
|
@ -0,0 +1,35 @@
|
|||
<template>
|
||||
<svg
|
||||
:width="size"
|
||||
:height="size"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path :d="icons[`${icon}-${type}`]" fill="currentColor" />
|
||||
</svg>
|
||||
</template>
|
||||
<script>
|
||||
import icons from './icons.json';
|
||||
|
||||
export default {
|
||||
name: 'FluentIcon',
|
||||
props: {
|
||||
icon: {
|
||||
type: String,
|
||||
required: true,
|
||||
},
|
||||
size: {
|
||||
type: String,
|
||||
default: '20px',
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default: 'outline',
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return { icons };
|
||||
},
|
||||
};
|
||||
</script>
|
Loading…
Add table
Add a link
Reference in a new issue