build: define custom elements in puik buddle

PrestaShopCorp · Sep 25, 2023 · 536674f · 536674f
1 parent 912450f
commit 536674f
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/packages/components/icon/index.ts b/packages/components/icon/index.ts
@@ -6,6 +6,8 @@ import Icon from './src/icon.vue'
 export const PuikIcon = withInstall(Icon)
 export const PuikIconCe = defineCustomElement(PuikIcon)
 
+customElements.define('puik-icon-ce', PuikIconCe)
+
 export * from './src/icon'
 
 export default { PuikIcon, PuikIconCe }
diff --git a/packages/components/tooltip/index.ts b/packages/components/tooltip/index.ts
@@ -6,6 +6,8 @@ import Tooltip from './src/tooltip.vue'
 export const PuikTooltip = withInstall(Tooltip)
 export const PuikTooltipCe = defineCustomElement(PuikTooltip)
 
+customElements.define('puik-tooltip-ce', PuikTooltipCe)
+
 export * from './src/tooltip'
 
 export default { PuikTooltip, PuikTooltipCe }
diff --git a/playground/vite.config.ts b/playground/vite.config.ts
@@ -8,6 +8,11 @@ import DefineOptions from 'unplugin-vue-define-options/vite'
 export default defineConfig({
   plugins: [
     vue({
+      template: {
+        compilerOptions: {
+          isCustomElement: (tag) => tag.includes('-ce'),
+        },
+      },
       customElement: true,
     }),
     DefineOptions(),