prettier

.eslintrc.cjs

@@ -6,12 +6,17 @@ module.exports = {
   'extends': [
     'plugin:vue/vue3-essential',
     'eslint:recommended',
-    '@vue/eslint-config-typescript'
+    '@vue/eslint-config-typescript',
+    '@vue/eslint-config-prettier/skip-formatting',
   ],
   parserOptions: {
     ecmaVersion: 'latest'
   },
   rules: {
     'vue/multi-word-component-names': 'off'
-  }
+  },
+  ignorePatterns: [
+    'dist/**/*',
+    'demo/**/*'
+  ]
 }

.github/_old/publish-to-npm.yml

@@ -0,0 +1,30 @@
+#name: 🚀 publish to npm
+#
+#on:
+#  release:
+#    types: [ published ]
+#
+#jobs:
+#  release:
+#    name: 🚀 Release
+#    runs-on: ubuntu-latest
+#    steps:
+#      - name: 📚 Checkout
+#        uses: actions/checkout@v3
+#      - name: 🟢 Node
+#        uses: actions/setup-node@v3
+#        with:
+#          node-version: 16
+#          registry-url: 'https://registry.npmjs.org'
+#      - name: 🕵 Yarn install
+#        uses: borales/actions-yarn@v4
+#        with:
+#          cmd: install
+#      - name: 🏗 Build
+#        uses: borales/actions-yarn@v4
+#        with:
+#          cmd: build-lib
+#      - name: 🚀 Publish
+#        run: npm publish --provenance --access public
+#        env:
+#          NODE_AUTH_TOKEN: ${{secrets.NPM_AUTH_TOKEN}}

.github/workflows/deploy-demo.yml

@@ -1,9 +1,9 @@
 name: 📝 deploy demo
 
 on:
-  release:
-    types: [ published ]
-
+  push:
+    branches:
+      - master
   workflow_dispatch:
 
 permissions:
@@ -25,12 +25,35 @@ jobs:
     steps:
       - name: 📚 Checkout
         uses: actions/checkout@v3
+      - uses: johnnybenson/package-json-versioned-action@v1.0.5
+        id: package-json
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - name: 🟢 Node
+        if: steps.package-json.outputs.has-updated == 'true'
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          registry-url: 'https://registry.npmjs.org'
+      - name: 🕵 Yarn install
+        if: steps.package-json.outputs.has-updated == 'true'
+        uses: borales/actions-yarn@v4
+        with:
+          cmd: install
+      - name: 🏗 Build
+        if: steps.package-json.outputs.has-updated == 'true'
+        uses: borales/actions-yarn@v4
+        with:
+          cmd: build-demo
       - name: Setup Pages
+        if: steps.package-json.outputs.has-updated == 'true'
         uses: actions/configure-pages@v3
       - name: Upload artifact
+        if: steps.package-json.outputs.has-updated == 'true'
         uses: actions/upload-pages-artifact@v1
         with:
           path: './demo'
       - name: 🚀 Deploy to GitHub Pages
+        if: steps.package-json.outputs.has-updated == 'true'
         id: deployment
         uses: actions/deploy-pages@v2

.prettierrc

@@ -0,0 +1,41 @@
+{
+  "bracketSpacing": true,
+  "trailingComma": "none",
+  "tabWidth": 2,
+  "printWidth": 120,
+  "semi": false,
+  "singleQuote": true,
+  "endOfLine": "auto",
+  "plugins": [
+    "@trivago/prettier-plugin-sort-imports",
+    "prettier-plugin-organize-attributes",
+    "prettier-plugin-tailwindcss"
+  ],
+  "importOrder": [
+    "^./App.vue$",
+    "<THIRD_PARTY_MODULES>",
+    "^@/01-app(.*)$",
+    "^@/02-pages(.*)$",
+    "^@/03-widgets(.*)$",
+    "^@/04-features(.*)$",
+    "^@/05-entities(.*)$",
+    "^@/06-shared(.*)$",
+    "^@/(.*)$",
+    "^[./]"
+  ],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
+  "attributeGroups": [
+    "^ref",
+    "^v-if",
+    "^v-else",
+    "^v-show",
+    "^v-for",
+    "^:?is$",
+    "^@",
+    "^:",
+    "$DEFAULT",
+    "^aria-",
+    "^:?key$"
+  ]
+}

Makefile

@@ -1,5 +1,9 @@
 dev:
 	yarn dev-demo
+format:
+	yarn format
+check:
+	yarn type-check-lib && yarn lint
 build:
 	yarn build-lib && yarn build-demo
 build-demo: