build: web-component config (wip)

PrestaShopCorp · Oct 16, 2023 · fe8a3c2 · fe8a3c2
1 parent a457f1d
commit fe8a3c2
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 0 deletions.
diff --git a/build/package.json b/build/package.json
@@ -37,6 +37,7 @@
     "@esbuild-kit/cjs-loader": "^2.4.2",
     "@pnpm/types": "^9.0.0",
     "@types/rollup-plugin-css-only": "^3.1.0",
+    "rollup-plugin-postcss": "^4.0.2",
     "unbuild": "^1.2.0",
     "vue": "^3.2.47"
   }

diff --git a/packages/components/icon/src/icon.vue b/packages/components/icon/src/icon.vue
@@ -26,3 +26,8 @@ const style = {
   color: props.color,
 }
 </script>
+
+<style lang="scss">
+@import '../../../theme/src/base';
+@import '../../../theme/src/icon';
+</style>
diff --git a/packages/components/tooltip/index.ts b/packages/components/tooltip/index.ts
@@ -1,3 +1,4 @@
+import { defineCustomElement } from 'vue'
 import { withInstall } from '@puik/utils'
 
 import Tooltip from './src/tooltip.vue'

diff --git a/packages/components/tooltip/src/tooltip.vue b/packages/components/tooltip/src/tooltip.vue
@@ -87,3 +87,8 @@ onMounted(() => {
   }
 })
 </script>
+
+<style lang="scss">
+@use '../../../theme/src/base';
+@use '../../../theme/src/tooltip.scss';
+</style>
diff --git a/playground/vite.config.ts b/playground/vite.config.ts
@@ -29,6 +29,10 @@ export default defineConfig({
         find: /^@puik\/(.*)$/,
         replacement: `${path.resolve('../packages')}/$1`,
       },
+      {
+        find: /^~(.*)$/,
+        replacement: '$1',
+      },
     ],
   },
 })