Merge pull request #21 from kouts/add_vitest_update_node_and_npm_packages

Add vitest, update node and npm packages

Author: kouts

.eslintrc.js

@@ -11,37 +11,41 @@ jobs:
     strategy:
       matrix:
         os: [ubuntu-latest]
-        node: [20]
 
     steps:
       - name: Checkout 🛎
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
       - name: Setup node env 🏗
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node }}
+          node-version-file: '.nvmrc'
           check-latest: true
 
+      - name: Setup pnpm 📦
+        uses: pnpm/action-setup@v4
+        with:
+          package_json_file: package.json
+
       - name: Install dependencies 📦
-        run: npm install
+        run: pnpm install
 
       - name: Install semantic-release extra plugins 📦
-        run: npm install --save-dev @semantic-release/changelog @semantic-release/git
+        run: pnpm install --save-dev @semantic-release/changelog @semantic-release/git
 
       - name: Run linter 👀
-        run: npm run lint-fix
+        run: pnpm run lint-fix
 
       - name: Typecheck 👀
-        run: npm run typecheck
+        run: pnpm run typecheck
 
       - name: Run tests 🧪
-        run: npm run test:unit-coverage --if-present
+        run: pnpm run test:unit-coverage --if-present
 
       - name: Build
-        run: npm run build
+        run: pnpm run build
 
       - name: Release
         env:

.github/workflows/release.yml

@@ -1 +1 @@
-v18
+v23

.nvmrc

@@ -1,6 +1,6 @@
-module.exports = {
+export default {
   extends: ['@commitlint/config-conventional'],
   rules: {
-    'body-max-line-length': [1, 'always', 200]
-  }
+    'body-max-line-length': [1, 'always', 200],
+  },
 }

babel.config.js

@@ -1,4 +1,5 @@
-{"total": {"lines":{"total":93,"covered":88,"skipped":0,"pct":94.62},"statements":{"total":101,"covered":95,"skipped":0,"pct":94.05},"functions":{"total":28,"covered":26,"skipped":0,"pct":92.85},"branches":{"total":79,"covered":72,"skipped":0,"pct":91.13},"branchesTrue":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"}}
-,"/home/runner/work/vue-search-input/vue-search-input/src/SearchInput.types.ts": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
-,"/home/runner/work/vue-search-input/vue-search-input/src/SearchInput.vue": {"lines":{"total":92,"covered":87,"skipped":0,"pct":94.56},"functions":{"total":28,"covered":26,"skipped":0,"pct":92.85},"statements":{"total":100,"covered":94,"skipped":0,"pct":94},"branches":{"total":79,"covered":72,"skipped":0,"pct":91.13}}
+{"total": {"lines":{"total":154,"covered":154,"skipped":0,"pct":100},"statements":{"total":154,"covered":154,"skipped":0,"pct":100},"functions":{"total":15,"covered":14,"skipped":0,"pct":93.33},"branches":{"total":52,"covered":51,"skipped":0,"pct":98.07},"branchesTrue":{"total":0,"covered":0,"skipped":0,"pct":"Unknown"}}
+,"/home/kouts/development/kouts/vue-search-input/src/SearchInput.types.ts": {"lines":{"total":1,"covered":1,"skipped":0,"pct":100},"functions":{"total":0,"covered":0,"skipped":0,"pct":100},"statements":{"total":1,"covered":1,"skipped":0,"pct":100},"branches":{"total":0,"covered":0,"skipped":0,"pct":100}}
+,"/home/kouts/development/kouts/vue-search-input/src/SearchInput.vue": {"lines":{"total":143,"covered":143,"skipped":0,"pct":100},"functions":{"total":14,"covered":13,"skipped":0,"pct":92.85},"statements":{"total":143,"covered":143,"skipped":0,"pct":100},"branches":{"total":47,"covered":46,"skipped":0,"pct":97.87}}
+,"/home/kouts/development/kouts/vue-search-input/src/filterObject.ts": {"lines":{"total":10,"covered":10,"skipped":0,"pct":100},"functions":{"total":1,"covered":1,"skipped":0,"pct":100},"statements":{"total":10,"covered":10,"skipped":0,"pct":100},"branches":{"total":5,"covered":5,"skipped":0,"pct":100}}
 }

commitlint.config.js

@@ -16,13 +16,13 @@
   transition: border-color 0.15s ease-in-out;
 }
 .search-input-wrapper input[data-search-input=true]:focus {
-  background-color: white;
+  background-color: hsl(210, 50%, 122.6470588235%);
   border-color: #1ea7fd;
   outline: 0;
   box-shadow: none;
 }
 .search-input-wrapper .search-icon {
-  color: #83add6;
+  color: rgb(131.25, 172.5, 213.75);
   position: absolute;
 }
 .search-input-wrapper .search-icon.search {
@@ -45,7 +45,7 @@
   border-radius: 3px;
   width: 2px;
   height: 7px;
-  background: #83add6;
+  background: rgb(131.25, 172.5, 213.75);
   transform: rotate(-45deg);
   top: 11px;
   left: 12px;
@@ -56,7 +56,7 @@
   cursor: text;
   right: 8px;
   bottom: 7px;
-  background-color: #e7eff7;
+  background-color: rgb(230.7, 238.8, 246.9);
   border-radius: 3px;
   z-index: 50;
 }
@@ -72,7 +72,7 @@
   top: 4px;
   left: 10px;
   z-index: 51;
-  background-color: #96b9dc;
+  background-color: rgb(150.375, 185.25, 220.125);
 }
 .search-input-wrapper .search-icon.clear {
   right: 5px;
@@ -90,7 +90,7 @@
   outline: none;
 }
 .search-input-wrapper .search-icon.clear:focus {
-  background: #e7eff7;
+  background: rgb(230.7, 238.8, 246.9);
 }
 .search-input-wrapper .search-icon.clear::after, .search-input-wrapper .search-icon.clear::before {
   content: "";
@@ -99,7 +99,7 @@
   position: absolute;
   width: 16px;
   height: 2px;
-  background: #83add6;
+  background: rgb(131.25, 172.5, 213.75);
   transform: rotate(45deg);
   border-radius: 5px;
   top: 9px;

coverage/badge.svg

@@ -1,7 +1,6 @@
-import { FieldType } from './SearchInput.types';
 import { PropType } from 'vue';
-
-declare const _default: import('vue').DefineComponent<{
+import { FieldType } from './SearchInput.types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     type: {
         type: PropType<FieldType>;
         default: string;
@@ -51,9 +50,9 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<KeyboardEvent["key"]>;
         default: string;
     };
-}, {
-    inputRef: import('vue').Ref<HTMLInputElement | null>;
-    hasFocus: import('vue').Ref<boolean>;
+}>, {
+    inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    hasFocus: import('vue').Ref<boolean, boolean>;
     clear: () => void;
     onInput: (e: Event) => void;
     onKeydown: (e: KeyboardEvent) => void;
@@ -65,7 +64,7 @@ declare const _default: import('vue').DefineComponent<{
     }>;
     showClearIcon: import('vue').ComputedRef<boolean>;
     showShortcutIcon: import('vue').ComputedRef<boolean>;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     type: {
         type: PropType<FieldType>;
         default: string;
@@ -115,9 +114,9 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<KeyboardEvent["key"]>;
         default: string;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     type: "search" | "text" | "password";
     modelValue: string;
     wrapperClass: string;
@@ -130,5 +129,5 @@ declare const _default: import('vue').DefineComponent<{
     selectOnFocus: boolean;
     shortcutListenerEnabled: boolean;
     shortcutKey: string;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

coverage/coverage-summary.json

@@ -0,0 +1,5 @@
+export declare const filterObject: (obj: {
+    [key: string]: unknown;
+}, properties: (string | number)[], remove?: boolean) => {
+    [key: string]: unknown;
+};