colorUtils refactor and test coverage + minor fixes

components/CustomThemeEditor.vue

@@ -109,7 +109,7 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>. -->
 import type { Theme } from "@/types/kanban-types";
 
 import { useTauriStore } from "@/stores/tauriStore";
-import { lightenColor } from "@/utils/colorUtils.js";
+import { lightenColor } from "@/utils/colorUtils";
 import emitter from "@/utils/emitter";
 import { dark } from "@/utils/themes";
 

components/kanban/Card.vue

@@ -156,7 +156,7 @@ limitations under the License.
 import type { Card, Tag } from "@/types/kanban-types";
 
 import { useTauriStore } from "@/stores/tauriStore";
-import { getContrast } from "@/utils/colorUtils";
+import { getContrast } from "~/utils/colorUtils";
 import { XMarkIcon } from "@heroicons/vue/24/solid";
 import {
   PhChecks,

components/kanban/TagDisplay.vue

@@ -36,6 +36,7 @@ const props = defineProps<{
 }>();
 
 const getTagTextColor = computed(() => {
+  if (!props.tag.color) return "text-normal";
   return getContrast(props.tag.color);
 });
 </script>

eslint.config.js

@@ -5,10 +5,14 @@
 import withNuxt from "./.nuxt/eslint.config.mjs";
 import tailwind from "eslint-plugin-tailwindcss";
 import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended";
+import tseslint from "typescript-eslint";
+import js from "@eslint/js";
 
 export default withNuxt(
   ...tailwind.configs["flat/recommended"],
   eslintPluginPrettierRecommended,
+  ...tseslint.configs.recommended,
+  js.configs.recommended,
   {
     files: ["**/*.ts", "**/*.vue"],
     rules: {

package.json

@@ -44,7 +44,7 @@
     "postcss-custom-properties": "14.0.2",
     "prettier": "^3.3.3",
     "rollup-plugin-license": "^3.0.1",
-    "typescript": "=5.5.4",
+    "typescript": "^5.6.3",
     "typescript-eslint": "^8.8.1",
     "vitest": "^2.1.2"
   },

pages/import.vue

@@ -311,10 +311,12 @@ const importFromKanriFull = async () => {
     zodParsed = kanriJsonSchema.parse(parsedJson);
   } catch (error) {
     console.error(error);
-    //@ts-expect-error we do not know what type of error we will receive
     if (
+      //@ts-expect-error we do not know what type of error we will receive
       error.issues[0].code === "invalid_type" &&
+      //@ts-expect-error we do not know what type of error we will receive
       error.issues[0].path[0] === "boards" &&
+      //@ts-expect-error we do not know what type of error we will receive
       error.issues[0].received === "null"
     ) {
       return await message(t("pages.import.importErrorNoBoards"), {

pages/kanban/[id].vue

@@ -268,7 +268,7 @@ import { useTauriStore } from "@/stores/tauriStore";
 import { applyDrag } from "@/utils/drag-n-drop";
 import emitter from "@/utils/emitter";
 import { generateUniqueID } from "@/utils/idGenerator";
-import { getAverageColor } from "@/utils/colorUtils";
+import { getAverageColor } from "~/utils/colorUtils";
 
 import { PhotoIcon } from "@heroicons/vue/24/outline";
 import { EllipsisHorizontalIcon, PlusIcon } from "@heroicons/vue/24/solid";