@ecomplus/storefront-template/template/js/lib/get-scoped-slots.js

Reusable & upgradable views and scripts for E-Com Plus storefront

import { $ } from '@ecomplus/storefront-twbs'

export default ($el, h, canSetDefault = true) => {
  const scopedSlots = {}
  if (canSetDefault) {
    scopedSlots.default = function () {
      return h('div', {
        domProps: {
          innerHTML: $el.outerHTML
        }
      })
    }
  }

  $($el).find('[data-slot]').each(function () {
    const innerHTML = $(this).html()
    scopedSlots[$(this).data('slot')] = function () {
      return h('span', {
        domProps: { innerHTML }
      })
    }
  })

  return scopedSlots
}