Scope style sheet to element – Shopify
I have built a web component with Vuetify and Vue-custom-element. It is used like so: <!DOCTYPE html> <html lang="en"> <head> <script src="https://shopify-recs-ai.web.app/widget/app.js"></script> <link rel="stylesheet" href="https://shopify-recs-ai.web.app/widget/app.css"> </head> <body> <vue-widget id="recs" title="Recommended for you" products="[{'title': 'Tie Dye 3.0 Socks', 'price': '$25 CAD',…