Skip to content

Atropos Web component #46

@JesusFregoso

Description

@JesusFregoso

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/devbox/ynnf4m

Bug description

Hi i have been trying to use atropos web component for vue 3 with nuxt 3, i use to use it v1 and work perfect with atropos/vue, but now with web component i having this issue. HTMLElement is not defined
and i can make it work,
this is my vue compiler options

    compilerOptions: {
      isCustomElement: (tag) => tag.startsWith('atropos-'),
    },
  },```
also have a plugins atropos.client where im import the element globally 

```import 'atropos/css'

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.hook('app:mounted', () => {
    import('atropos/element');
  });
});

Expected Behavior

No response

Actual Behavior

No response

Atropos version

2.0.2

Platform/Target and Browser Versions

macos safari

Validations

  • Follow our Code of Conduct
  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • Make sure this is a Atropos issue and not a framework-specific issue

Would you like to open a PR for this bug?

  • I'm willing to open a PR

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions