From 9caf41490c71350fd6c0383030733cdafc7cc95c Mon Sep 17 00:00:00 2001
From: camera-2018 <2907618001@qq.com>
Date: Sat, 18 Feb 2023 21:28:08 +0800
Subject: [PATCH] fix: lint

---
 .../ArticlesContent/SideBar/Right/Column.vue  |  36 +++++--
 .../ArticlesContent/highlightStyle.ts         |   4 +-
 frontend/components/Types/index.vue           | 100 +++++++++++-------
 frontend/server/README.md                     |   3 -
 frontend/utils/useGraphql.ts                  |   1 -
 5 files changed, 93 insertions(+), 51 deletions(-)

diff --git a/frontend/components/ArticlesContent/SideBar/Right/Column.vue b/frontend/components/ArticlesContent/SideBar/Right/Column.vue
index f594cc82..3ef00091 100644
--- a/frontend/components/ArticlesContent/SideBar/Right/Column.vue
+++ b/frontend/components/ArticlesContent/SideBar/Right/Column.vue
@@ -17,7 +17,7 @@ if (props?.column) {
 }
 
 const isActive = ref(false)
-const handleClick = (e: any) => {
+const handleClick = () => {
   isActive.value = !isActive.value
 }
 const handleClickOutside = (e: any) => {
@@ -40,17 +40,20 @@ onUnmounted(() => {
       <div class="next-article-title">
         下一篇
       </div>
-      <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" :class="isActive ? 'list-icon active' : 'list-icon'" @click="handleClick">
+      <svg
+        width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"
+        :class="isActive ? 'list-icon active' : 'list-icon'" @click="handleClick"
+      >
         <path
-          fill-rule="evenodd"
-          clip-rule="evenodd"
+          fill-rule="evenodd" clip-rule="evenodd"
           d="M2.00001 2C1.63182 2 1.33334 2.29848 1.33334 2.66667C1.33334 3.03486 1.63182 3.33333 2.00001 3.33333H3.33334C3.70153 3.33333 4.00001 3.03486 4.00001 2.66667C4.00001 2.29848 3.70153 2 3.33334 2H2.00001ZM6.00034 2C5.63215 2 5.33367 2.29848 5.33367 2.66667C5.33367 3.03486 5.63215 3.33333 6.00034 3.33333H14.0003C14.3685 3.33333 14.667 3.03486 14.667 2.66667C14.667 2.29848 14.3685 2 14.0003 2H6.00034ZM6.00034 7.33333C5.63215 7.33333 5.33367 7.63181 5.33367 8C5.33367 8.36819 5.63215 8.66667 6.00034 8.66667H14.0003C14.3685 8.66667 14.667 8.36819 14.667 8C14.667 7.63181 14.3685 7.33333 14.0003 7.33333H6.00034ZM1.33367 8C1.33367 7.63181 1.63215 7.33333 2.00034 7.33333H3.33367C3.70186 7.33333 4.00034 7.63181 4.00034 8C4.00034 8.36819 3.70186 8.66667 3.33367 8.66667H2.00034C1.63215 8.66667 1.33367 8.36819 1.33367 8ZM1.33367 13.3333C1.33367 12.9651 1.63215 12.6667 2.00034 12.6667H3.33367C3.70186 12.6667 4.00034 12.9651 4.00034 13.3333C4.00034 13.7015 3.70186 14 3.33367 14H2.00034C1.63215 14 1.33367 13.7015 1.33367 13.3333ZM6.00034 12.6667C5.63215 12.6667 5.33367 12.9651 5.33367 13.3333C5.33367 13.7015 5.63215 14 6.00034 14H14.0003C14.3685 14 14.667 13.7015 14.667 13.3333C14.667 12.9651 14.3685 12.6667 14.0003 12.6667H6.00034Z"
         />
       </svg>
     </div>
     <hr class="next-article-hr">
     <div class="article-content">
-      <a :href="`/article/${nextArticle?.id}`" target="_blank" :title="nextArticle?.title" class="article"> {{ nextArticle?.title }} </a>
+      <a :href="`/article/${nextArticle?.id}`" target="_blank" :title="nextArticle?.title" class="article"> {{
+        nextArticle?.title }} </a>
     </div>
     <nav v-show="isActive" class="article-list next-article-list ">
       <div class="list-title">
@@ -59,7 +62,10 @@ onUnmounted(() => {
       <div class="list-body">
         <ul class="list-ul">
           <li v-for="item in allColumnList" :key="item.id" class="list-li">
-            <a :href="`/article/${item.id}`" target="_blank" :title="item.title" :class="item.id === currentId ? 'list-item active' : 'list-item'">
+            <a
+              :href="`/article/${item.id}`" target="_blank" :title="item.title"
+              :class="item.id === currentId ? 'list-item active' : 'list-item'"
+            >
               {{ item.title }}
             </a>
           </li>
@@ -73,62 +79,78 @@ onUnmounted(() => {
 .next-article {
   @apply bg-#fff rd-4px max-h-130px relative bg-jj-sidebar;
 }
+
 .next-article-header {
   @apply flex justify-between;
 }
+
 .next-article-title {
   @apply fw-500 text-16px lh-2rem my-0 mx-1.667rem pt-1.333rem pb-12px text-jj-content;
 }
+
 .list-icon {
   @apply inline-block box-content w-16px h-24px py-4px px-6px my-12px mx-10px;
-  @apply hover:bg-jj-gray-icon-normal rd-4px cursor-pointer fill-jj-black-normal;
+  @apply hover: bg-jj-gray-icon-normal rd-4px cursor-pointer fill-jj-black-normal;
   transition: transform 0.5s;
 }
+
 .list-icon.active {
   @apply fill-jj-blue-fill-normal;
 }
+
 .next-article-hr {
   @apply absolute h-1px top-50px left-20px w-20px bg-jj-catalog-normal border-0;
 }
+
 .article-content {
   @apply pb-1.667rem p-0;
 }
+
 .article {
   @apply text-14px c-jj-gray-text-normal lh-22px pt-12px px-1.667rem pb-0 overflow-hidden text-ellipsis text-jj-span;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
 }
+
 .next-article-list {
   @apply absolute bottom-100% right-17px border-1px border-solid border-jj-border-normal p-0;
   box-shadow: 0 8px 24px rgb(81 87 103 / 16%);
 }
+
 .article-list {
   @apply bg-jj_font_white rd-4px w-300px bg-jj-sidebar;
 }
+
 .list-title {
   @apply text-16px c-jj_primary lh-2rem fw-500 my-0 mx-1.667rem pt-20px pb-8px px-0 text-jj-content;
 }
+
 .list-body {
   @apply relative max-h-300px w-300px ml--24px overflow-auto pt-0 pr-20px pb-12px pl-0;
 }
+
 .list-ul {
   @apply ml-29px;
 }
+
 .list-li {
   @apply p-y-8px pr-0 pl-30px;
 }
+
 .list-item {
   @apply text-14px c-jj-span fw-400 ml-4px overflow-hidden text-ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
 }
+
 .list-li:before {
   @apply absolute left-44px w-4px h-4px mt-7px bg-jj-blue-normal;
   content: '';
   transform: rotate(45deg);
 }
+
 .active {
   /* color: rgb(0, 127, 255); */
   @apply text-jj-link-normal;
diff --git a/frontend/components/ArticlesContent/highlightStyle.ts b/frontend/components/ArticlesContent/highlightStyle.ts
index c4ea0a64..c82fed4c 100644
--- a/frontend/components/ArticlesContent/highlightStyle.ts
+++ b/frontend/components/ArticlesContent/highlightStyle.ts
@@ -8,7 +8,9 @@ export default function highlightStyle() {
       const $style = document.createElement('style')
       let hl = file.value.frontmatter?.highlight
       const hlStyle = highlight[hl]
-      if (hlStyle) { $style.innerHTML = hlStyle }
+      if (hlStyle) {
+        $style.innerHTML = hlStyle
+      }
       else {
         $style.innerHTML = highlight.default
         hl = 'default'
diff --git a/frontend/components/Types/index.vue b/frontend/components/Types/index.vue
index 79b6cfd1..997d9240 100644
--- a/frontend/components/Types/index.vue
+++ b/frontend/components/Types/index.vue
@@ -1,5 +1,4 @@
 <script setup>
-const route = useRoute()
 const pageNum = ref(1)
 const typeList = reactive({
   data: [],
@@ -52,44 +51,57 @@ const changePageNum = async (direction) => {
         </div>
       </div>
       <span v-if="typeList.meta.pagination.total > 9" class="type-manage type-list-item alter-items">
-        <div i-carbon:caret-left class="alter-prev alter-item" :class="pageNum === 1 ? '!text-gray' : 'hover:!text-jj-blue-normal'" @click="changePageNum('prev')" />
-        <div i-carbon:caret-right class="alter-next alter-item" :class="pageNum === typeList.meta.pagination.pageCount ? '!text-gray' : 'hover:!text-jj-blue-normal'" @click="changePageNum('next')" />
+        <div
+          i-carbon:caret-left class="alter-prev alter-item"
+          :class="pageNum === 1 ? '!text-gray' : 'hover:!text-jj-blue-normal'" @click="changePageNum('prev')"
+        />
+        <div
+          i-carbon:caret-right class="alter-next alter-item"
+          :class="pageNum === typeList.meta.pagination.pageCount ? '!text-gray' : 'hover:!text-jj-blue-normal'"
+          @click="changePageNum('next')"
+        />
       </span>
     </div>
   </div>
 </template>
 
 <style scoped>
-.nav-shown{
-  transform: translate3d(0,-5rem,0) !important;
+.nav-shown {
+  transform: translate3d(0, -5rem, 0) !important;
 }
+
 @media (max-width: 640px) {
-  .nav-shown{
-  transform: translate3d(0,-4.333rem,0) !important;
+  .nav-shown {
+    transform: translate3d(0, -4.333rem, 0) !important;
   }
 }
-@media (max-width: 960px){
+
+@media (max-width: 960px) {
   .type-list-item:first-child {
-      @apply pl-[1.5rem];
+    @apply pl-[1.5rem];
   }
+
   .type-list-item:last-child {
-      @apply pr-[1.5rem];
+    @apply pr-[1.5rem];
   }
 }
+
 .view-types {
   transition: all .2s;
   transform: translateZ(0);
-  @apply bg-jj-sidebar w-full fixed top-[5rem] lt-sm:(top-[4.333rem]) shadow-sm shadow-black/5 dark:shadow-white/5 h-[3.833rem] z-1;
+  @apply bg-jj-sidebar w-full fixed top-[5rem] lt-sm: (top-[4.333rem]) shadow-sm shadow-black/5 dark:shadow-white/5 h-[3.833rem] z-1;
 }
-.type-list-item{
+
+.type-list-item {
   @apply h-full w-auto float-left cursor-pointer whitespace-nowrap flex items-center p-x-[1rem] text-jj-types-normal text-[1.16rem];
   @apply cursor-pointer;
 }
-.type-list-item:hover{
+
+.type-list-item:hover {
   @apply text-jj-blue-normal;
 }
 
-.type-list{
+.type-list {
   line-height: 1;
   @apply list-none ma max-w-[960px] h-full;
   @apply overflow-x-auto flex items-center;
@@ -97,25 +109,29 @@ const changePageNum = async (direction) => {
 }
 
 .type-list::-webkit-scrollbar {
-        height: 0;
+  height: 0;
 }
 
 .type-list-item.router-link-exact-active {
-    @apply opacity-100 text-primary;
+  @apply opacity-100 text-primary;
 }
 
-.type-manage{
-  @apply md:(absolute right-0 top-0);
+.type-manage {
+  @apply md: (absolute right-0 top-0);
 }
-.list-item-wrapper{
+
+.list-item-wrapper {
   @apply relative h-full;
 }
-.type-list-item:hover+.category-popover{
+
+.type-list-item:hover+.category-popover {
   @apply scale-100;
 }
-.category-popover:hover{
+
+.category-popover:hover {
   @apply scale-100;
 }
+
 .category-popover {
   @apply scale-0 transition-100 delay-150 transition-all bg-jj-article border-jj-border-dropdown-normal;
   position: fixed;
@@ -130,34 +146,40 @@ const changePageNum = async (direction) => {
   cursor: default;
   z-index: 250;
 }
+
 .tag-list {
-    display: flex;
-    flex-wrap: wrap;
+  display: flex;
+  flex-wrap: wrap;
 }
+
 .tag {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 2rem;
-    border-radius: 1rem;
-    font-size: 1.1rem;
-    margin-right: 1rem;
-    margin-bottom: 1rem;
-    @apply bg-jj-types-bg text-jj-types-text cursor-pointer;
-}
-.tag:hover{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 2rem;
+  border-radius: 1rem;
+  font-size: 1.1rem;
+  margin-right: 1rem;
+  margin-bottom: 1rem;
+  @apply bg-jj-types-bg text-jj-types-text cursor-pointer;
+}
+
+.tag:hover {
   @apply text-link;
 }
-.tag-item{
+
+.tag-item {
   padding: 0 .83rem;
   height: 2rem;
-    border-radius: 1rem;
-    @apply f-c-c;
+  border-radius: 1rem;
+  @apply f-c-c;
 }
+
 .tag-item.router-link-exact-active {
   @apply text-jj-light bg-primary;
 }
-.alter-items{
-  @apply  hover:!text-jj-types-normal text-[1.2rem];
+
+.alter-items {
+  @apply hover: !text-jj-types-normal text-[1.2rem];
 }
 </style>
diff --git a/frontend/server/README.md b/frontend/server/README.md
index 645cd15a..489633b7 100644
--- a/frontend/server/README.md
+++ b/frontend/server/README.md
@@ -182,7 +182,6 @@ export interface liked extends mutation {
     liked: number
   }
 }
-
 ```
 
 ## 作者
@@ -316,7 +315,6 @@ export interface ITagItem {
   tag: string
   alias: string
 }
-
 ```
 
 ### 获取文章列表数据
@@ -437,7 +435,6 @@ interface IColumId {
   cover: string
   describe: string
 }
-
 ```
 
 
diff --git a/frontend/utils/useGraphql.ts b/frontend/utils/useGraphql.ts
index 7c5cfbe8..f68ed107 100644
--- a/frontend/utils/useGraphql.ts
+++ b/frontend/utils/useGraphql.ts
@@ -62,4 +62,3 @@ export async function useGraphql(query: any, authorization?: string) {
     console.error(err)
   }
 }
-