fix(update): replaced examples with packages

.eslintrc.json

@@ -7,14 +7,18 @@
   },
   "extends": [
     "@nuxtjs",
-    "plugin:nuxt/recommended"
+    "plugin:nuxt/recommended",
+    "prettier"
+  ],
+  "plugins": [
+    "prettier"
   ],
-  "plugins": [],
   "rules": {
+    "prettier/prettier": "error",
     "semi": [
       2,
       "always"
     ],
     "vue/multi-word-component-names": "off"
   }
-}
+}

.github/workflows/main.yml

@@ -6,14 +6,14 @@ on:
 
 jobs:
   install:
-    if: "!contains(github.event.head_commit.message, 'skip ci')"
+    if: contains(github.event.head_commit.message, 'skip ci') == false
     name: Install
     runs-on: ${{ matrix.os }}
 
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node: [16]
+        node: [19]
 
     steps:
       - uses: actions/setup-node@v3
@@ -27,14 +27,12 @@ jobs:
         with:
           path: |
             node_modules
-            ~/.cache/ms-playwright/
-            ~\AppData\Local\ms-playwright\
           key: ${{ matrix.os }}-node-v${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/package-lock.json')) }}
       - name: Install Dependencies
         if: steps.cache.outputs.cache-hit != 'true'
         run: npm ci
       - name: Test
-        run: npm run test
+        run: npm run test --workspaces
 
   semantic-version:
     name: Semantic Release
@@ -44,7 +42,7 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node: [16]
+        node: [19]
 
     steps:
       - uses: actions/setup-node@v3
@@ -68,7 +66,7 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node: [16]
+        node: [19]
 
     steps:
       - uses: actions/setup-node@v3
@@ -82,70 +80,38 @@ jobs:
         with:
           path: |
             node_modules
-            ~/.cache/ms-playwright/
-            ~\AppData\Local\ms-playwright\
           key: ${{ matrix.os }}-node-v${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/package-lock.json')) }}
-      - name: Build
+
+      - name: BuildDefault
         run: |
-          npm run generate -- examples/default
-          touch dist/.nojekyll
+          npm run generate --workspace=@nuxt-custom-elements-example/default
         env:
           BASE_URL: /nuxt-custom-elements-example/
           DIST_PATH: ../../dist
 
       # tailwind-css
-      - name: BuildTailwindCss
+      - name: BuildTailwindCSS
         run: |
-          npm run generate -- examples/tailwind-css
-          unlink dist/tailwind-css/.nojekyll
+          npm run generate --workspace=@nuxt-custom-elements-example/tailwindcss
         env:
-          BASE_URL: /nuxt-custom-elements-example/tailwind-css/
-          DIST_PATH: ../../dist/tailwind-css
+          BASE_URL: /nuxt-custom-elements-example/tailwindcss/
+          DIST_PATH: ../../dist/tailwindcss
 
       # vuetify
       - name: BuildVuetify
         run: |
-          npm run generate -- examples/vuetify
-          unlink dist/vuetify/.nojekyll
+          npm run generate --workspace=@nuxt-custom-elements-example/vuetify
         env:
           BASE_URL: /nuxt-custom-elements-example/vuetify/
           DIST_PATH: ../../dist/vuetify
 
-      # vue-i18n
-      - name: BuildVueI18n
-        run: |
-          npm run generate -- examples/vue-i18n
-          unlink dist/vue-i18n/.nojekyll
-        env:
-          BASE_URL: /nuxt-custom-elements-example/vue-i18n/
-          DIST_PATH: ../../dist/vue-i18n
-
-      # vue-router
-      - name: BuildVueRouter
-        run: |
-          npm run generate -- examples/vue-router
-          unlink dist/vue-router/.nojekyll
-        env:
-          BASE_URL: /nuxt-custom-elements-example/vue-router/
-          DIST_PATH: ../../dist/vue-router
-
-      # vuex
-      - name: BuildVuex
+      # pinia
+      - name: BuildPinia
         run: |
-          npm run generate -- examples/vuex
-          unlink dist/vuex/.nojekyll
+          npm run generate --workspace=@nuxt-custom-elements-example/pinia
         env:
           BASE_URL: /nuxt-custom-elements-example/vuex/
-          DIST_PATH: ../../dist/vuex
-
-      # external
-      - name: BuildExternal
-        run: |
-          npm run generate -- examples/external
-          unlink dist/external/.nojekyll
-        env:
-          BASE_URL: /nuxt-custom-elements-example/external/
-          DIST_PATH: ../../dist/external
+          DIST_PATH: ../../dist/pinia
 
       - name: Archive Production Artifact
         uses: actions/upload-artifact@master
@@ -160,7 +126,7 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node: [16]
+        node: [19]
     steps:
       - name: Download Artifact
         uses: actions/download-artifact@master

.github/workflows/test.yml

@@ -11,7 +11,7 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node: [14, 16]
+        node: [19]
 
     steps:
       - uses: actions/setup-node@v3
@@ -27,13 +27,11 @@ jobs:
         with:
           path: |
             node_modules
-            ~/.cache/ms-playwright/
-            ~\AppData\Local\ms-playwright\
           key: ${{ matrix.os }}-node-v${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/package-lock.json')) }}
 
       - name: Install Dependencies
         if: steps.cache.outputs.cache-hit != 'true'
         run: npm ci
 
       - name: Test
-        run: npm run test
+        run: npm run test --workspaces

.gitignore

@@ -90,3 +90,4 @@ sw.*
 *.swp
 
 .history
+.output

.lintstagedrc

@@ -1,5 +1,5 @@
 {
   "*.(js|vue)": [
-    "npm run lint:es"
+    "npm run test --workspaces"
   ]
 }

.nvmrc

@@ -1 +1 @@
-16.16.0
+19.9.0

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "arrowParens": "avoid",
+  "bracketSameLine": true,
+  "trailingComma": "none",
+  "singleQuote": true,
+  "semi": true,
+  "printWidth": 80
+}

.stylelintignore

@@ -0,0 +1,9 @@
+# Common
+node_modules
+dist
+.nuxt
+coverage
+.reports
+
+# Files
+**/*.js

.stylelintrc.json → .stylelintrc

@@ -4,25 +4,27 @@
     "stylelint-config-recess-order"
   ],
   "customSyntax": "postcss-html",
+  "ignoreFiles": [
+    "./**/*.js"
+  ],
+  "plugins": [
+    "stylelint-prettier"
+  ],
   "rules": {
-    "max-line-length": null,
+    "prettier/prettier": true,
     "value-keyword-case": [
       "lower",
       {
         "camelCaseSvgKeywords": true
       }
     ],
-    "at-rule-no-unknown": [
+    "selector-pseudo-class-no-unknown": [
       true,
       {
-        "ignoreAtRules": [
-          "tailwind",
-          "apply",
-          "variants",
-          "responsive",
-          "screen"
+        "ignorePseudoClasses": [
+          "deep"
         ]
       }
     ]
   }
-}
+}

README.md

@@ -1,10 +1,9 @@
 # Nuxt Custom-Elements Example
 
-This is an example project for using [Nuxt Custom-Elements](https://github.com/GrabarzUndPartner/nuxt-custom-elements) with [Nuxt.js](https://nuxtjs.org) and plugins ([VueI18n](https://kazupon.github.io/vue-i18n/), [Vuetify](https://vuetifyjs.com/), ...). 
+This is an example project for using [Nuxt Custom-Elements](https://github.com/GrabarzUndPartner/nuxt-custom-elements) with [Nuxt.js](https://nuxtjs.org) and plugins ([VueI18n](https://kazupon.github.io/vue-i18n/), [Vuetify](https://vuetifyjs.com/), ...).
 
 For more information, see the [Usage section](https://nuxt-custom-elements.grabarzundpartner.dev/usage/) in the documentation.
 
-
 - [👁   **Preview**](https://grabarzundpartner.github.io/nuxt-custom-elements-example/)
 - [📖   **Documentation**](http://nuxt-custom-elements.grabarzundpartner.dev/)
 
@@ -13,38 +12,38 @@ For more information, see the [Usage section](https://nuxt-custom-elements.graba
 First of all, the repository must be cloned and install dependencies with
 
 ```bash
-$ npm install
+npm install
 ```
 
 Each example can be started in `dev`, `server` and  `ssr`.  
-For this the path to the example must be given as argument (e.g. `npm run dev -- examples/default`). 
+For this the path to the example must be given as workspace (e.g. `npm run dev --workspace=@nuxt-custom-elements-example/default`).
 
 The path specification must be specified in `dev`, `build`, `generate` and `start`.
 
 **Available examples:**
 
-| Path                    |                                                                                                                                                       |
-| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `examples/tailwind-css` | [Preview](https://grabarzundpartner.github.io/nuxt-custom-elements-example/tailwind-css/) - [Source](https://github.com/GrabarzUndPartner/nuxt-custom-elements-example/tree/main/examples/tailwind-css)                                           |
-| `examples/vue-i18n`     | [Preview](https://grabarzundpartner.github.io/nuxt-custom-elements-example/vue-i18n/) - [Source](https://github.com/GrabarzUndPartner/nuxt-custom-elements-example/tree/main/examples/vue-i18n)                                               |
-| `examples/vue-router`   | [Preview](https://grabarzundpartner.github.io/nuxt-custom-elements-example/vue-router/) - [Source](https://github.com/GrabarzUndPartner/nuxt-custom-elements-example/tree/main/examples/vue-router)                                             |
-| `examples/vuetify`      | [Preview](https://grabarzundpartner.github.io/nuxt-custom-elements-example/vuetify/) - [Source](https://github.com/GrabarzUndPartner/nuxt-custom-elements-example/tree/main/examples#:~:text=last%20month-,vuetify,-fix(update)%3A%20update) |
-| `examples/vuex`         | [Preview](https://grabarzundpartner.github.io/nuxt-custom-elements-example/vuex/) - [Source](https://github.com/GrabarzUndPartner/nuxt-custom-elements-example/tree/main/examples/vuex)                                                   |
-| `examples/external`     | [Preview](https://grabarzundpartner.github.io/nuxt-custom-elements-example/external/) - [Source](https://github.com/GrabarzUndPartner/nuxt-custom-elements-example/tree/main/examples/external)                                               |
+| Path          |                                                                                                                                                                                                       |
+| ------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `pinia`       | [Preview](https://grabarzundpartner.github.io/nuxt-custom-elements-example/pinia/) - [Source](https://github.com/GrabarzUndPartner/nuxt-custom-elements-example/tree/main/packages/pinia)             |
+| `tailwindcss` | [Preview](https://grabarzundpartner.github.io/nuxt-custom-elements-example/tailwindcss/) - [Source](https://github.com/GrabarzUndPartner/nuxt-custom-elements-example/tree/main/packages/tailwindcss) |
+| `vuetify`     | [Preview](https://grabarzundpartner.github.io/nuxt-custom-elements-example/vuetify/) - [Source](https://github.com/GrabarzUndPartner/nuxt-custom-elements-example/tree/main/packages/vuetify)         |
 
 ### Development
 
 ```
-$ npm run dev -- examples/default
+npm run dev --workspace=@nuxt-custom-elements-example/default
 ```
 
 ### Server
+
 ```
-$ npm run build -- examples/default && npm run start -- examples/default
+npm run build --workspace=@nuxt-custom-elements-example/default && npm run start --workspace=@nuxt-custom-elements-example/default
 ```
+
 ### Static
+
 ```
-$ npm run generate -- examples/default --target static && npm run start -- examples/default --target static
+npm run generate --workspace=@nuxt-custom-elements-example/default --target static && npm run start --workspace=@nuxt-custom-elements-example/default --target static
 ```
 
 Finally, the example can be opened in the browser via [http://localhost:3000/]( http://localhost:3000/).

commitlint.config.js

@@ -1,5 +1,3 @@
 module.exports = {
-  extends: [
-    '@commitlint/config-conventional'
-  ]
+  extends: ['@commitlint/config-conventional']
 };