feat(pie-monorepo): DSW-2056 integrate pie-webc into vue3 example app (…

…#1591)

* feat(pie-monorepo): DSW-2056 integrate pie-webc into vue3 example app

* feat(pie-monorepo): DSW-2056 adds pie-css back in to package file

.changeset/little-months-roll.md

@@ -0,0 +1,5 @@
+---
+"wc-vue3": minor
+---
+
+[Added] pie-webc package and removed component level packages

apps/examples/wc-vue3/.eslintrc.js

@@ -8,6 +8,11 @@ module.exports = {
         'plugin:vue/vue3-recommended'
     ],
     rules: {
-        ...vue.rules, ...vue3.rules, 'vue/sort-keys': 'off',
+        ...vue.rules,
+        ...vue3.rules,
+        'vue/sort-keys': 'off',
+        'import/extensions': ['error', 'ignorePackages', {
+            js: 'always',
+        }],
     },
 };

apps/examples/wc-vue3/package.json

@@ -10,8 +10,8 @@
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "0.47.8",
     "@justeattakeaway/pie-css": "0.12.1",
+    "@justeattakeaway/pie-webc": "0.5.12",
     "@vitejs/plugin-vue": "4.0.0",
     "vite": "4.5.3",
     "vue": "3.2.47"

apps/examples/wc-vue3/src/App.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script>
-import { variants, sizes } from '@justeattakeaway/pie-button';
+import { variants, sizes } from '@justeattakeaway/pie-webc/components/button.js';
 
 export default {
     data () {