feat(pie-monorepo): DSW-2056 added pie-webc integration to next 10 ex…

…ample app
justeattakeaway · Jul 18, 2024 · 6e6ab4e · 6e6ab4e
1 parent 49b18e6
commit 6e6ab4e
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 7 deletions.
diff --git a/.changeset/curly-tomatoes-leave.md b/.changeset/curly-tomatoes-leave.md
@@ -0,0 +1,5 @@
+---
+"wc-next10": minor
+---
+
+[Added] pie-webc integration to next10 example app
diff --git a/apps/examples/wc-next10/ButtonSizes.js b/apps/examples/wc-next10/ButtonSizes.js
@@ -1,6 +1,5 @@
 import React from 'react';
-import { sizes } from '@justeattakeaway/pie-button';
-import { PieButton } from '@justeattakeaway/pie-button/dist/react';
+import { PieButton, sizes } from '@justeattakeaway/pie-webc/react/button';
 
 export default function ButtonSizes () {
     return (

diff --git a/apps/examples/wc-next10/Counter.js b/apps/examples/wc-next10/Counter.js
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { PieButton } from '@justeattakeaway/pie-button/dist/react';
+import { PieButton } from '@justeattakeaway/pie-webc/react/button';
 
 export default function Counter () {
     const [count, setCount] = useState(0);

diff --git a/apps/examples/wc-next10/VariantSwitch.js b/apps/examples/wc-next10/VariantSwitch.js
@@ -1,6 +1,5 @@
 import React, { useState, useRef } from 'react';
-import { variants } from '@justeattakeaway/pie-button';
-import { PieButton } from '@justeattakeaway/pie-button/dist/react';
+import { PieButton, variants } from '@justeattakeaway/pie-webc/react/button';
 
 export default function VariantSwitch () {
     const variantIndex = useRef(0);

diff --git a/apps/examples/wc-next10/next.config.js b/apps/examples/wc-next10/next.config.js
@@ -2,6 +2,7 @@ const path = require('path');
 
 const transpileModules = [
     '@justeattakeaway/pie-button',
+    '@justeattakeaway/pie-webc',
     '@justeattakeaway/pie-cookie-banner',
     '@lit/react',
     'lit'

diff --git a/apps/examples/wc-next10/package.json b/apps/examples/wc-next10/package.json
@@ -10,9 +10,8 @@
     "lint:examples": "eslint ."
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "0.47.8",
-    "@justeattakeaway/pie-cookie-banner": "0.21.0",
     "@justeattakeaway/pie-css": "0.12.1",
+    "@justeattakeaway/pie-webc": "0.5.13",
     "@lit/react": "1.0.2",
     "next": "10.2.3",
     "next-transpile-modules": "4.1.0",

diff --git a/yarn.lock b/yarn.lock
@@ -38846,6 +38846,7 @@ __metadata:
     "@justeattakeaway/pie-button": 0.47.8
     "@justeattakeaway/pie-cookie-banner": 0.21.0
     "@justeattakeaway/pie-css": 0.12.1
+    "@justeattakeaway/pie-webc": 0.5.13
     "@lit/react": 1.0.2
     babel-loader: 8
     eslint: 8.37.0