[Feature Request] Support Iconify Transformations
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 1.2k
- Forks
- 96
- Avg merge
- 8h 12m
- Merged PRs (30d)
- 2
Description
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.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by comparing how the Icon component handles Iconify transformations in development and production, using the linked Vue-Iconify transformation documentation as the behavior reference. Verify that the rotate and flip props are applied in a production build; done means the documented transformations work after building and running the project.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100