60 integrate prettify check into cicd

.eslintrc.cjs

@@ -12,4 +12,5 @@ module.exports = {
   parserOptions: {
     ecmaVersion: "latest",
   },
+  ignorePatterns: ["/storybook-static", "/dist"], // Ignoriere die Ordner foo und bar
 };

.github/workflows/build.yaml

@@ -1,19 +1,37 @@
 name: build and deploy
 
+env:
+  NODE_VERSION: "20"
+
 on: [push]
 
 jobs:
+  lint:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+          cache: "npm"
+      - name: Install dependencies
+        run: npm ci
+      - name: Run formater and linter
+        run: npm run lint
+
   build:
     runs-on: ubuntu-latest
+    needs: lint
     permissions:
-      contents: read # to be able to publish a GitHub release
+      contents: read
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: "20"
+          node-version: ${{ env.NODE_VERSION }}
           cache: "npm"
-          registry-url: "https://registry.npmjs.org"
       - run: npm ci             # install dependencies
       - run: npm run build      # build library
       - run: npm run build-storybook # build docs
@@ -41,9 +59,8 @@ jobs:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
-          node-version: "20"
+          node-version: ${{ env.NODE_VERSION }}
           cache: "npm"
-          registry-url: "https://registry.npmjs.org"
       - run: npm ci        # install dependencies
       - name: Download build-results
         uses: actions/download-artifact@v4

package.json

@@ -33,12 +33,11 @@
     "dist"
   ],
   "scripts": {
-    "build": "rimraf dist && npm run type-check && npm run build-only",
+    "build": "rimraf dist && npm run build-only",
     "test:unit": "vitest",
     "build-only": "vite build",
-    "type-check": "vue-tsc --build --force",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
-    "format": "prettier --write ./",
+    "lint": "prettier . --check && eslint . --ignore-path .gitignore && vue-tsc -p tsconfig.json --emitDeclarationOnly --skipLibCheck --composite false",
+    "fix": "prettier . --write && eslint . --fix --ignore-path .gitignore",
     "semantic-release": "semantic-release",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"

src/components/Button/MucButton.vue

@@ -79,7 +79,9 @@ const buttonVariantClass = computed(() => {
   }
 });
 
-const iconAnimatedClass = computed(() => props.iconAnimated ? 'm-button--animated-right' : '');
+const iconAnimatedClass = computed(() =>
+  props.iconAnimated ? "m-button--animated-right" : ""
+);
 
 const handleClick = () => {
   emit("click");