From faeb26edd8f7b0be16421324287e63a82b41eb6c Mon Sep 17 00:00:00 2001
From: klemek <klemek.dev@proton.me>
Date: Mon, 16 Mar 2026 23:08:45 +0100
Subject: [PATCH] fixes from template

---
 Makefile                       |  2 +-
 bun.lock                       |  1 +
 eslint.config.mjs              | 28 +++++++++++++++++-----------
 src/components/ConfigTable.vue | 10 +++++++---
 src/components/LucideIcon.vue  |  6 +-----
 src/lib/cookies.ts             |  2 +-
 6 files changed, 28 insertions(+), 21 deletions(-)

diff --git a/Makefile b/Makefile
index d6fa6bd..e309477 100644
--- a/Makefile
+++ b/Makefile
@@ -28,7 +28,7 @@ lint: node_modules ## lint code
 	@$(BUN) run lint
 	@$(BUN) run type-check
 
-fix: node_modules ## fix and reformat code
+format: node_modules ## fix and reformat code
 	@$(BUN) run format
 	@$(BUN) run lint-fix
 
diff --git a/bun.lock b/bun.lock
index f1eb02b..af69717 100644
--- a/bun.lock
+++ b/bun.lock
@@ -1,5 +1,6 @@
 {
   "lockfileVersion": 1,
+  "configVersion": 0,
   "workspaces": {
     "": {
       "name": "vue-boilerplate",
diff --git a/eslint.config.mjs b/eslint.config.mjs
index f78a1d2..6f566f3 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -1,7 +1,7 @@
 import { globalIgnores } from "eslint/config";
 import {
-  defineConfigWithVueTs,
-  vueTsConfigs,
+    defineConfigWithVueTs,
+    vueTsConfigs,
 } from "@vue/eslint-config-typescript";
 import pluginVue from "eslint-plugin-vue";
 import skipFormatting from "@vue/eslint-config-prettier/skip-formatting";
@@ -10,15 +10,21 @@ import { configureVueProject } from "@vue/eslint-config-typescript";
 configureVueProject({ scriptLangs: ["ts", "tsx"] });
 
 export default defineConfigWithVueTs(
-  {
-    name: "app/files-to-lint",
-    files: ["**/*.{ts,mts,tsx,vue}"],
-  },
+    {
+        name: "app/files-to-lint",
+        files: ["**/*.{ts,mts,tsx,vue}"],
+    },
 
-  globalIgnores(["**/dist/**"]),
+    globalIgnores(["**/dist/**"]),
 
-  pluginVue.configs["flat/recommended"],
-  vueTsConfigs.strictTypeChecked,
-  vueTsConfigs.stylisticTypeChecked,
-  skipFormatting,
+    pluginVue.configs["flat/recommended"],
+    vueTsConfigs.strictTypeChecked,
+    vueTsConfigs.stylisticTypeChecked,
+    skipFormatting,
+
+    {
+        rules: {
+            "no-console": "error",
+        },
+    },
 );
diff --git a/src/components/ConfigTable.vue b/src/components/ConfigTable.vue
index 722f7de..8c139bb 100644
--- a/src/components/ConfigTable.vue
+++ b/src/components/ConfigTable.vue
@@ -106,7 +106,8 @@ watch(config, saveConfig, { deep: true });
             </td>
             <td>
                 <span v-if="slotTooBig" title="slot duration might be too big">
-                    <LucideIcon name="triangle-alert" /> {{ config.duration }} minutes
+                    <LucideIcon name="triangle-alert" />
+                    {{ config.duration }} minutes
                 </span>
                 <span v-else> {{ config.duration }} minutes </span>
             </td>
@@ -144,13 +145,16 @@ watch(config, saveConfig, { deep: true });
                 ></textarea>
             </td>
             <td>
-                <button @click="newVegetables"><LucideIcon name="dices" /></button>
+                <button @click="newVegetables">
+                    <LucideIcon name="dices" />
+                </button>
                 <br />
                 <span
                     v-if="candidates.length <= 2"
                     title="not enough candidates"
                 >
-                    <LucideIcon name="triangle-alert" /> <LucideIcon name="users-round" />
+                    <LucideIcon name="triangle-alert" />
+                    <LucideIcon name="users-round" />
                     {{ candidates.length }}
                 </span>
                 <span v-else>
diff --git a/src/components/LucideIcon.vue b/src/components/LucideIcon.vue
index a880720..5d66803 100644
--- a/src/components/LucideIcon.vue
+++ b/src/components/LucideIcon.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted } from "vue";
+import { computed } from "vue";
 import * as icons from "lucide-vue-next";
 
 interface Props {
@@ -25,10 +25,6 @@ function kebab2camel(kebab: string): string {
         .join("");
 }
 
-onMounted(() => {
-    console.log(kebab2camel(props.name));
-});
-
 // @ts-expect-error: cannot infer type of all exported data
 const icon = computed(() => icons[kebab2camel(props.name)]);
 </script>
diff --git a/src/lib/cookies.ts b/src/lib/cookies.ts
index 6cf40a3..0b1cfc8 100644
--- a/src/lib/cookies.ts
+++ b/src/lib/cookies.ts
@@ -25,7 +25,7 @@ export function getDataCookie<T extends object>(
     if (rawCookie.length) {
         try {
             const parsedConfig = JSON.parse(rawCookie) as T;
-            return { ...parsedConfig, ...defaultValue };
+            return { ...defaultValue, ...parsedConfig };
         } catch {
             /* Empty */
         }