Is it supported by Nuxt js?

Author: TangoCh4rlieCreated Sep 11, 2024Updated Sep 11, 2024

The problem

Does someone know if wired-elements can be used with Nuxt.js?

I just tried to impelment this in my app.vue (root of my project).

It looks like this :

xml
<script>
import { WiredButton } from 'wired-elements/lib/wired-button.js';
import { WiredInput } from 'wired-elements/lib/wired-input.js';
</script>

<template>
  <div>
    <wired-input placeholder="Enter name"></wired-input>
    <wired-button>Click Me</wired-button>
  </div>
</template>

Error

[nuxt] [request error] [unhandled] [500] SVGSVGElement is not defined

This is the stacktrace

at ./node_modules/.pnpm/[email protected]/node_modules/wired-elements/lib/wired-base.js:75:31
at async ViteNodeRunner.runModule (./node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/vite-node/dist/client.mjs:399:5)
at async ViteNodeRunner.directRequest (./node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/vite-node/dist/client.mjs:381:5)
at async ViteNodeRunner.cachedRequest (./node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/vite-node/dist/client.mjs:206:14)
at async ViteNodeRunner.dependencyRequest (./node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/vite-node/dist/client.mjs:259:12)
at async ./node_modules/.pnpm/[email protected]/node_modules/wired-elements/lib/wired-button.js:1:31
at async ViteNodeRunner.runModule (./node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/vite-node/dist/client.mjs:399:5)
at async ViteNodeRunner.directRequest (./node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/vite-node/dist/client.mjs:381:5)
at async ViteNodeRunner.cachedRequest (./node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/vite-node/dist/client.mjs:206:14)
at async ViteNodeRunner.dependencyRequest (./node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/vite-node/dist/client.mjs:259:12)

Issue?

Does someone have an idea to solve this?

Source: rough-stuff/wired-elements