fixes from template

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
 

bun.lock

@@ -1,5 +1,6 @@
 {
   "lockfileVersion": 1,
+  "configVersion": 0,
   "workspaces": {
     "": {
       "name": "vue-boilerplate",

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",
+        },
+    },
 );

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>

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>

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 */
         }