fix: ~lint, prettier configs, chore: update dependencies

eslint.config.mjs

@@ -2,6 +2,7 @@ import pluginVue from 'eslint-plugin-vue';
 import vueTsEslintConfig from '@vue/eslint-config-typescript';
 import skipFormatting from '@vue/eslint-config-prettier/skip-formatting';
 import vitest from '@vitest/eslint-plugin';
+import storybook from 'eslint-plugin-storybook';
 import antfu from 'eslint-plugin-antfu';
 
 export default [
@@ -19,6 +20,7 @@ export default [
     }
   },
   ...pluginVue.configs['flat/recommended'],
+  ...storybook.configs['flat/recommended'],
   ...vueTsEslintConfig(),
   {
     rules: {

package.json

@@ -1,6 +1,16 @@
 {
   "name": "jenda",
   "version": "0.0.0",
+  "license": "MIT",
+  "description": "Cloud-based task management app",
+  "author": "Alex Peshkov",
+  "keywords": [
+    "jenda",
+    "tasks",
+    "kanban",
+    "agile",
+    "collaboration"
+  ],
   "private": true,
   "type": "module",
   "scripts": {
@@ -11,6 +21,7 @@
     "build-only": "vite build",
     "type-check": "vue-tsc --build --force",
     "lint": "eslint . --fix",
+    "stylelint": "npx stylelint **/*.scss --fix",
     "format": "prettier --write src/",
     "prepare": "husky",
     "storybook": "storybook dev -p 6006",
@@ -32,7 +43,6 @@
     "@vueuse/core": "^10.11.0",
     "@vueuse/integrations": "^10.10.0",
     "axios": "^1.7.2",
-    "chart.js": "^4.4.3",
     "floating-vue": "^5.2.2",
     "lucide-vue-next": "^0.396.0",
     "pinia": "^2.1.7",
@@ -71,7 +81,7 @@
     "eslint": "^9.13.0",
     "eslint-define-config": "^2.1.0",
     "eslint-plugin-antfu": "^2.7.0",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-storybook": "^0.10.2",
     "eslint-plugin-vue": "^9.29.0",
     "husky": "^9.0.11",
     "jsdom": "^24.1.0",

src/app/styles/primary/_exceptions.scss

@@ -65,6 +65,7 @@ html.dark {
     background-color: var(--zinc-600) !important;
     color: var(--zinc-200) !important;
   }
+
   .vue-data-ui-fulscreen--off {
     circle {
       fill: #313131 !important;

src/app/styles/primary/_hippie-nav.scss

@@ -72,8 +72,8 @@
       background-color: var(--hippie-bg-color);
       border-radius: 1rem;
       box-shadow:
-        0 1px 3px 0 rgb(0 0 0 / 0.1),
-        0 1px 2px -1px rgb(0 0 0 / 0.1);
+        0 1px 3px 0 rgb(0 0 0 / 10%),
+        0 1px 2px -1px rgb(0 0 0 / 10%);
     }
   }
 
@@ -118,6 +118,7 @@
       > * {
         height: 9px;
       }
+
       &:hover {
         opacity: 1;
       }
@@ -148,6 +149,7 @@
     .title {
       font-size: 14px;
     }
+
     .type-icon {
       font-size: 16px;
       color: var(--zinc-500);
@@ -164,6 +166,7 @@
       & > span {
         color: var(--zinc-600);
       }
+
       .type-icon {
         color: var(--blue-secondary) !important;
       }
@@ -201,6 +204,7 @@
       > * {
         height: 8px;
       }
+
       &:hover {
         opacity: 0.75;
       }
@@ -233,9 +237,11 @@
   0% {
     transform: scale3d(0.9, 0.9, 0.9);
   }
+
   55% {
     transform: scale3d(0.98, 0.98, 0.98);
   }
+
   100% {
     transform: scale3d(1, 1, 1);
   }
@@ -245,9 +251,11 @@
   0% {
     opacity: 0;
   }
+
   50% {
     opacity: 0.75;
   }
+
   100% {
     opacity: 1;
   }
@@ -290,29 +298,37 @@ html.dark {
         background-color: var(--zinc-700);
       }
     }
+
     .hippie-result-item.selected {
       background-color: #323232;
     }
+
     .hippie-result-item {
       color: var(--zinc-300);
+
       .title {
         color: var(--zinc-200);
       }
+
       .type-icon{
         color: var(--zinc-300);
       }
     }
+
     .search-panel {
       .search-panel-icon {
         color: var(--zinc-200);
       }
+
       .search-panel-input {
         color: var(--zinc-200);
       }
+
       .clear-btn {
         color: var(--zinc-300);
       }
     }
+
     .no-result {
       color: var(--zinc-500);
     }

src/app/styles/primary/_properties.scss

@@ -48,7 +48,6 @@ $zinc-colors: (
   --hippie-hit-active-color: #fff;
   --hippie-hit-highlighted-text-color: #42b983;
   --hippie-footer-color: hsla(215deg 16% 50% / 70%);
-
   --hippie-spacing-xs: .25rem;
   --hippie-spacing-s: .5rem;
   --hippie-spacing-m: .75rem;

src/features/boards/index.ts

@@ -1,3 +1,2 @@
 export * from './add-board/ui';
-export * from './charts/ui';
 export * from './filter/ui';

.stylelintrc.cjs → stylelint.config.cjs

@@ -3,7 +3,7 @@ module.exports = {
   ignoreFiles: ['dist/**/*.css', 'coverage/**/*.css'],
   extends: 'stylelint-config-standard-scss',
   rules: {
-    'no-duplicate-selectors': true,
+    'no-duplicate-selectors': null,
     'selector-no-qualifying-type': [
       true,
       {
@@ -15,5 +15,9 @@ module.exports = {
     'font-weight-notation': 'numeric',
     'comment-whitespace-inside': 'always',
     'comment-empty-line-before': 'always',
+    'selector-class-pattern': null,
+    'no-descending-specificity': null,
+    'declaration-no-important': null,
+    'scss/load-no-partial-leading-underscore': null
   }
-};
+};