mirror of
https://github.com/YunoHost/yunohost-portal.git
synced 2024-09-03 20:06:23 +02:00
25 lines
409 B
Vue
25 lines
409 B
Vue
|
<script setup lang="ts">
|
||
|
|
const props = withDefaults(
|
||
|
|
defineProps<{
|
||
|
|
name: string
|
||
|
|
size?: string
|
||
|
|
}>(),
|
||
|
|
{
|
||
|
|
size: '1.5em',
|
||
|
|
},
|
||
|
|
)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<NuxtIcon :name="name" :style="`--size: ${size}`" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.nuxt-icon :deep(svg) {
|
||
|
|
/* Do not use `v-bind(size)`, idk why bind is not working */
|
||
|
|
width: var(--size);
|
||
|
|
height: var(--size);
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
</style>
|