#app 
  block contentBody
    .cells
      .cell.cell-xl-8
        #app-cart(data-url="http://localhost:3000/products")
          app-cart
          app-cart
          app-cart
  
View Compiled
const cart = Vue.createApp({});

cart.component("app-cart", {
  data() {
    return {
      URL: document.getElementById("app-cart").dataset.url
    }
  },
  template: '<div>{{URL}}</div>'
});

cart.mount("#app-cart");

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://unpkg.com/vue@3.2.20/dist/vue.global.js