pink icon indicating copy to clipboard operation
pink copied to clipboard

🐛 Bug Report: Nuxt3 import errors

Open evelinabe opened this issue 2 years ago • 0 comments

👟 Reproduction steps

  1. Start a new Nuxt3 project: npx nuxi@latest init <project-name>
  2. Run command npm install "@appwrite.io/pink"
  3. In app.vue, add:
<script>
  import "@appwrite.io/pink-icons"
</script>
  1. Start the dev server.

There's an error message from postcss about too much recursion in the Stackblitz example. Locally, the terminal gets blank and none of the styling is working. https://stackblitz.com/edit/nuxt-starter-yqsbtw?file=app.vue

👍 Expected behavior

I expect it to work as per the documentation - that I will be able to use the design system on my pages and in my components.

👎 Actual Behavior

There's an error message from postcss about too much recursion in the Stackblitz example. Locally, the terminal gets blank and none of the styling is working. https://stackblitz.com/edit/nuxt-starter-yqsbtw?file=app.vue

bild

From Stackblitz: bild

🎲 Appwrite version

Appwrite Cloud

💻 Operating system

MacOS

🧱 Your Environment

No response

👀 Have you spent some time to check if this issue has been raised before?

  • [X] I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

evelinabe avatar Oct 26 '23 15:10 evelinabe