Skip to content

🐛 Bug Report: Nuxt3 import errors #115

@evelinabe

Description

@evelinabe

👟 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?

  • I checked and didn't find similar issue

🏢 Have you read the Code of Conduct?

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions