nuxt / icon

The <Icon> component, supporting Iconify, Emojis and custom components.

Home Page:https://stackblitz.com/edit/nuxt-icon-playground?file=app.vue

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Feature Request] Support Iconify Transformations

maximilianmaihoefner opened this issue · comments

commented

According to the Vue-Iconify Docs one can pass a rotate and flip Prop to transform the Icon, to display it in different orientations.

<template>
  <Icon name="ic:round-double-arrow" size="26" :rotate="flip && '2'" />
</template>

<script setup lang="ts">
const flip = ref(false);
</script>

While this works fine with nuxt-icon during development, it breaks in a Prod build. The transformations no longer get applied.

It would be great if nuxt-icon could also support these props, if possible. I'm open to help with this issue if someone could give me some pointers where to start.