fix: pass check & lint

.eslintrc.cjs

@@ -24,6 +24,22 @@ module.exports = {
  parser: 'svelte-eslint-parser',
  parserOptions: {
  parser: '@typescript-eslint/parser'
+ },
+ rules: {
+ 'no-undef': 'off'
+ }
+ },
+ {
+ files: [
+ './src/lib/components/sections/Portfolio.svelte',
+ './src/lib/components/sections/project-detail/ProjectDetail.svelte'
+ ],
+ parser: 'svelte-eslint-parser',
+ parserOptions: {
+ parser: '@typescript-eslint/parser'
+ },
+ rules: {
+ 'svelte/no-at-html-tags': 'off'
  }
  }
  ]

src/lib/components/colors/colors.ts

@@ -2,16 +2,56 @@ import { clamp } from '$lib/utils';
 import type { TagColors } from './types';
 
 export const tagColors: TagColors = {
- default: { bg: 'bg-slate-400 dark:bg-slate-800', border: 'dark:border-slate-400', text: 'dark:text-slate-400' },
- nestjs: { bg: 'bg-red-400 dark:bg-slate-800', border: 'dark:border-red-400', text: 'dark:text-red-400' },
- flutter: { bg: 'bg-sky-400 dark:bg-slate-800', border: 'dark:border-sky-400', text: 'dark:text-sky-400' },
- dart: { bg: 'bg-teal-500 dark:bg-slate-800', border: 'dark:border-teal-500', text: 'dark:text-teal-500' },
- html: { bg: 'bg-rose-400 dark:bg-slate-800', border: 'dark:border-rose-400', text: 'dark:text-rose-400' },
- php: { bg: 'bg-indigo-300 dark:bg-slate-800', border: 'dark:border-indigo-300', text: 'dark:text-indigo-300' },
- codeigniter: { bg: 'bg-red-400 dark:bg-slate-800', border: 'dark:border-red-400', text: 'dark:text-red-400' },
- javascript: { bg: 'bg-yellow-400 dark:bg-slate-800', border: 'dark:border-yellow-400', text: 'dark:text-yellow-400' },
- typescript: { bg: 'bg-blue-400 dark:bg-slate-800', border: 'dark:border-blue-400', text: 'dark:text-blue-400' },
- svelte: { bg: 'bg-orange-400 dark:bg-slate-800', border: 'dark:border-orange-400', text: 'dark:text-orange-400' }
+ default: {
+ bg: 'bg-slate-400 dark:bg-slate-800',
+ border: 'dark:border-slate-400',
+ text: 'dark:text-slate-400'
+ },
+ nestjs: {
+ bg: 'bg-red-400 dark:bg-slate-800',
+ border: 'dark:border-red-400',
+ text: 'dark:text-red-400'
+ },
+ flutter: {
+ bg: 'bg-sky-400 dark:bg-slate-800',
+ border: 'dark:border-sky-400',
+ text: 'dark:text-sky-400'
+ },
+ dart: {
+ bg: 'bg-teal-500 dark:bg-slate-800',
+ border: 'dark:border-teal-500',
+ text: 'dark:text-teal-500'
+ },
+ html: {
+ bg: 'bg-rose-400 dark:bg-slate-800',
+ border: 'dark:border-rose-400',
+ text: 'dark:text-rose-400'
+ },
+ php: {
+ bg: 'bg-indigo-300 dark:bg-slate-800',
+ border: 'dark:border-indigo-300',
+ text: 'dark:text-indigo-300'
+ },
+ codeigniter: {
+ bg: 'bg-red-400 dark:bg-slate-800',
+ border: 'dark:border-red-400',
+ text: 'dark:text-red-400'
+ },
+ javascript: {
+ bg: 'bg-yellow-400 dark:bg-slate-800',
+ border: 'dark:border-yellow-400',
+ text: 'dark:text-yellow-400'
+ },
+ typescript: {
+ bg: 'bg-blue-400 dark:bg-slate-800',
+ border: 'dark:border-blue-400',
+ text: 'dark:text-blue-400'
+ },
+ svelte: {
+ bg: 'bg-orange-400 dark:bg-slate-800',
+ border: 'dark:border-orange-400',
+ text: 'dark:text-orange-400'
+ }
 };
 
 export const randomizeElements = <T>(array: Array<T>, newLength: number) => {

src/lib/components/colors/types.ts

@@ -41,4 +41,3 @@ interface CardColorKey {
 }
 
 export type { CardColorKey, CardColorsVariant as CardColors, TagColorKey, TagColors };
-

src/lib/utils.ts

@@ -1,3 +1,3 @@
 export function clamp(value: number, min: number, max: number) {
  return Math.min(Math.max(value, min), max);
-}
+}

tsconfig.json

@@ -9,13 +9,11 @@
  "skipLibCheck": true,
  "sourceMap": true,
  "strict": true,
- "outDir": "./build",
+ "outDir": "./build"
  },
  // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
  //
  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
  // from the referenced tsconfig.json - TypeScript does not merge them in
- "exclude": [
- "./build"
- ]
-}
+ "exclude": ["./build"]
+}