main 🧊 add new eslint core

Author: debabin

.eslintrc.js

@@ -1,2 +1,3 @@
-const { prettier } = require('@siberiacancode/prettier');
-module.exports = prettier;
+import { prettier } from '@siberiacancode/prettier';
+
+export default prettier;

.prettierrc.js

@@ -4,16 +4,9 @@ the largest and most useful hook library
 
 ## 🦉 Philosophy
 
-**🚀 React Use** this is a library that will allow you to easy and simple to use React hooks. Unlike its competitors, this package takes into account the features of React and also contains a huge number of useful hooks. 
+**🚀 React Use** this is a library that will allow you to easy and simple to use React hooks. Unlike its competitors, this package takes into account the features of React and also contains a huge number of useful hooks.
 
 ## Features
 
 - **TypeScript support out of the box** - full typed package
 - **SSR** - package work with server side render
-
-
-
-
-
-
-

README.md

@@ -12,7 +12,8 @@ export default async () => {
 
       if (!category) {
         categoryItems.push({ text: hookItem.category, items: [hookItem] });
-      } else {
+      }
+      else {
         category.items!.push(hookItem);
       }
 
@@ -44,7 +45,6 @@ export default async () => {
 
       if (pageData.relativePath.includes('hooks')) {
         pageData.title = pageData.params?.name;
-        return;
       }
     },
     head: [
@@ -65,7 +65,8 @@ export default async () => {
             pattern: ({ filePath, params }) => {
               if (filePath.includes('hooks') && params?.name) {
                 return `https://github.com/siberiacancode/reactuse/blob/main/src/hooks/${params.name}/${params.name}.ts`;
-              } else {
+              }
+              else {
                 return `https://github.com/siberiacancode/reactuse/blob/main/docs/${filePath}`;
               }
             },

docs/.vitepress/config.mts

@@ -32,4 +32,3 @@ import { {{ $params.name }} } from '@siberiacancode/reactuse';
 ## Contributors
 
 <Contributors :hook="$params.name" />
-

docs/functions/hooks/[name].md

@@ -14,4 +14,4 @@ Install **🚀 React Use** with [npm](https://www.npmjs.com/) or [yarn](https://
 $ npm i @siberiacancode/reactuse --save
 # or
 $ yarn add @siberiacancode/reactuse
-```
+```

docs/getting-started.md

@@ -1,24 +1,25 @@
 <script setup lang="ts">
 import type { Spec } from 'comment-parser';
+
 import { isDefaultType } from '../utils/isDefaultType';
 
 const props = defineProps<{
   apiParameters: Spec[];
 }>();
 
-type Group = {
+interface Group {
   id: number;
   parameters: Spec[];
   returns: Spec | null;
-};
+}
 
 let groupIndex = 0;
 const groups: Group[] = [{ id: groupIndex, parameters: [], returns: null }];
 
 props.apiParameters.forEach((parameter, index) => {
   if (parameter.tag === 'overload') {
-    const isFirstOverload =
-      props.apiParameters.findIndex((parameter) => parameter.tag === 'overload') === index;
+    const isFirstOverload
+      = props.apiParameters.findIndex((parameter) => parameter.tag === 'overload') === index;
     if (!isFirstOverload) {
       groupIndex++;
       groups.push({ id: groupIndex, parameters: [], returns: null });
@@ -37,7 +38,9 @@ props.apiParameters.forEach((parameter, index) => {
 
 <template>
   <div v-for="group in groups" :key="group.id">
-    <h3 v-if="group.parameters.length">Parameters</h3>
+    <h3 v-if="group.parameters.length">
+      Parameters
+    </h3>
     <table v-if="group.parameters.length">
       <thead>
         <tr>

docs/src/components/api.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { createElement } from 'react';
 import { createRoot } from 'react-dom/client';
-import { shallowRef, computed, onMounted, onUnmounted, defineAsyncComponent } from 'vue';
+import { computed, onMounted, onUnmounted, shallowRef } from 'vue';
 
 const props = defineProps({
   hook: {

docs/src/components/demo.vue

@@ -1,5 +1,5 @@
 <script setup>
-const props = defineProps({
+defineProps({
   lastModified: {
     type: Number
   },
@@ -16,30 +16,37 @@ const timeAgo = (timestamp, locale = 'en') => {
   const days = Math.floor(hours / 24);
   const months = Math.floor(days / 30);
   const years = Math.floor(months / 12);
-  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: 'auto' });
 
   if (years > 0) {
-    value = rtf.format(0 - years, "year");
-  } else if (months > 0) {
-    value = rtf.format(0 - months, "month");
-  } else if (days > 0) {
-    value = rtf.format(0 - days, "day");
-  } else if (hours > 0) {
-    value = rtf.format(0 - hours, "hour");
-  } else if (minutes > 0) {
-    value = rtf.format(0 - minutes, "minute");
-  } else {
-    value = rtf.format(0 - diff, "second");
+    value = rtf.format(0 - years, 'year');
+  }
+  else if (months > 0) {
+    value = rtf.format(0 - months, 'month');
+  }
+  else if (days > 0) {
+    value = rtf.format(0 - days, 'day');
+  }
+  else if (hours > 0) {
+    value = rtf.format(0 - hours, 'hour');
+  }
+  else if (minutes > 0) {
+    value = rtf.format(0 - minutes, 'minute');
+  }
+  else {
+    value = rtf.format(0 - diff, 'second');
   }
   return value;
-}
+};
 </script>
 
 <template>
   <div class="meta">
     <template v-if="category">
       <div>Category</div>
-      <div><code>{{ category }}</code></div>
+      <div>
+        <code>{{ category }}</code>
+      </div>
     </template>
     <ClientOnly v-if="lastModified">
       <div>Last Changed</div>
@@ -50,11 +57,11 @@ const timeAgo = (timestamp, locale = 'en') => {
 
 <style scoped>
 .meta {
-  font-size: .875rem;
+  font-size: 0.875rem;
   line-height: 1.25rem;
   display: grid;
   grid-template-columns: 100px auto;
-  gap: .5rem;
+  gap: 0.5rem;
   align-items: flex-start;
   margin-top: 1rem;
   margin-bottom: 2rem;

docs/src/components/meta.vue

@@ -0,0 +1,37 @@
+import { eslint } from '@siberiacancode/eslint';
+
+export default eslint(
+  {
+    typescript: true,
+    react: true,
+    jsx: true
+  },
+  {
+    name: 'hooks',
+    files: ['**/hooks/**/*.ts'],
+    rules: {
+      'jsdoc/no-defaults': 'off'
+    }
+  },
+  {
+    name: 'demo',
+    files: ['**/*.demo.tsx'],
+    rules: {
+      'no-alert': 'off'
+    }
+  },
+  {
+    name: 'md',
+    files: ['**/*.md'],
+    rules: {
+      'style/max-len': 'off'
+    }
+  },
+  {
+    name: 'docs',
+    files: ['**/docs/**/*.ts'],
+    rules: {
+      'regexp/no-super-linear-backtracking': 'off'
+    }
+  }
+);