apexcharts / apexcharts.js

📊 Interactive JavaScript Charts built on SVG
https://apexcharts.com
MIT License
14.03k stars 1.28k forks source link

<style> tag ignored by vue3 CDN #4545

Closed mukiwu closed 1 week ago

mukiwu commented 1 week ago

Description

hi, I have to use VUE 3 CDN for some reason, but it will comes an error: [Vue warn]: Template compilation error: Tags with side effect (<script> and <style>) are ignored in client component templates.

I know we can use <component :is> to resolve the problem, but I don't know how to add to my apex charts components

Steps to Reproduce

Expected Behavior

render chart successful

Actual Behavior

error for inline <style> tag

Screenshots

截圖 2024-06-28 15 22 32

Reproduction Link

codepen sample maybe has the same issue, because It can not render charts, too

https://codepen.io/apexcharts/pen/bxzgZJ

mukiwu commented 1 week ago

I put it to vue component, and it's done, thanks.