The v-bind pseudo-elements ( ::after, ::before) also used for CSS do not work for the "content" style

[cyhnkckali]

https://play.vuejs.org/#eNp9ks1OwzAQhF/F+BIqlVYVnEKoBKgScAAESFx8aZPNT3Fsy96UoijvztppQg+ot8zO593xxi2/NWa2a4DHPHGprQwyB9iYpVBVbbRF1jILOetYbnXNIkIjoYRKtXLIalewG++fRw8gpWaf2srsLJoMQKqltgNiIfNOMu8H0QgSCLWRawRSjCXlYtm2oW3XJXNSHj9CSDr8kT1dLuJ4A7m20HrJaJpCUBiz3cWmUtl5RI2iybU3O3+WkHIxspRsJIMaSUp4GMKnHB21zatitnVa0ZrCecFTXZtKgn0xWNFVBY/ZobPga1rF91OooW1gOtTTEtKvf+pbt/c1wV8tOLA7EHz0cG0LwN5evT/Dnr5Hs9ZZI4k+Yb6B07LxGXvsrlEZxT7iQtrH8LMrVXy41Z6W6IZL+aBhLYEXnB7A/Ymr/8W9nF0d1tnx7hdvGMtO

[jacekkarczmarczyk]

Hello World! is not a valid value for content property

content: Hello World! bad
content: "Hello World!" good

[cyhnkckali]

So what's the way to do it?

[jacekkarczmarczyk]

Add quotes

[cyhnkckali]

I apologise for my lack of grammar. But can you share a sample code?

[jacekkarczmarczyk]

const msg = ref('"Hello World!"')

[cyhnkckali]

Thank you

[cyhnkckali]

Its work