🌈 style(eslint): 第三次格式化

camecase 回头在部分文件 ignore 掉，不然不兼容之前的版本及外部接口

(cherry picked from commit 740b4698e916ce0f7911f5eac934183a94288e61)

src/views/t-news.vue

@@ -1,143 +1,143 @@
 <template>
-<div v-if="loading">
-  <TLoading :title="loadingTitle" />
-</div>
-<div v-else>
-  <v-tabs v-model="tab" align-tabs="start" class="news-tabs">
-    <v-tab value="notice" title="公告" />
-    <v-tab value="activity" title="活动" />
-    <v-tab v-if="showNews" value="news" title="新闻" />
-    <v-spacer />
-    <v-btn v-if="showSwitch" class="switch-btn" @click="switchAnno">
-      <template #prepend>
-        <v-icon>mdi-bullhorn</v-icon>
-      </template>
-      切换游戏内公告
-    </v-btn>
-    <v-text-field
-      v-show="appStore.devMode"
-      v-model="search"
-      append-icon="mdi-magnify"
-      label="搜索"
-      single-line
-      hide-details
-      @click:append="searchPost"
-      @keyup.enter="searchPost"
-    />
-  </v-tabs>
-  <v-window v-model="tab">
-    <v-window-item value="notice">
-      <div class="news-grid">
-        <v-card v-for="item in postData.notice" :key="item.post_id" class="news-card" width="340">
-          <div class="news-cover" @click="toPost(item)">
-            <img :src="item.cover" alt="cover">
-          </div>
-          <v-card-title>{{ item.title }}</v-card-title>
-          <v-card-actions>
-            <v-btn class="card-btn" @click="toPost(item)">
-              <template #prepend>
-                <img src="../assets/icons/circle-check.svg" alt="check">查看
-              </template>
-            </v-btn>
-            <v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
-            <v-btn v-show="appStore.devMode" class="card-dev-btn" @click="toJson(item)">
-              <template #prepend>
-                <img src="../assets/icons/arrow-right.svg" alt="right">
-              </template>
-              JSON
-            </v-btn>
-          </v-card-actions>
-        </v-card>
-      </div>
-      <div class="load-news">
-        <v-btn :loading="loadingSub" @click="loadMore('notice')">
-          <template #append>
-            <img src="../assets/icons/arrow-left.svg" alt="right">
-          </template>
-          已加载：{{ rawData.notice.last_id }}，加载更多
-        </v-btn>
-      </div>
-    </v-window-item>
-    <v-window-item value="activity">
-      <div class="news-grid">
-        <v-card v-for="item in postData.activity" :key="item.post_id" class="news-card" width="340">
-          <div class="news-cover" @click="toPost(item)">
-            <img :src="item.cover" alt="cover">
-          </div>
-          <v-card-title>{{ item.title }}</v-card-title>
-          <v-card-subtitle>{{ item.subtitle }}</v-card-subtitle>
-          <v-card-actions>
-            <v-btn class="card-btn" @click="toPost(item)">
-              <template #prepend>
-                <img src="../assets/icons/circle-check.svg" alt="check">查看
-              </template>
-            </v-btn>
-            <v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
-            <div v-show="!appStore.devMode">
-              <v-btn
-                :style="{
-                  background: item.status?.colorCss,
-                  color: '#faf7e8 !important',
-                }"
-              >
-                {{ item.status?.status }}
-              </v-btn>
+  <div v-if="loading">
+    <TLoading :title="loadingTitle" />
+  </div>
+  <div v-else>
+    <v-tabs v-model="tab" align-tabs="start" class="news-tabs">
+      <v-tab value="notice" title="公告" />
+      <v-tab value="activity" title="活动" />
+      <v-tab v-if="showNews" value="news" title="新闻" />
+      <v-spacer />
+      <v-btn v-if="showSwitch" class="switch-btn" @click="switchAnno">
+        <template #prepend>
+          <v-icon>mdi-bullhorn</v-icon>
+        </template>
+        切换游戏内公告
+      </v-btn>
+      <v-text-field
+        v-show="appStore.devMode"
+        v-model="search"
+        append-icon="mdi-magnify"
+        label="搜索"
+        single-line
+        hide-details
+        @click:append="searchPost"
+        @keyup.enter="searchPost"
+      />
+    </v-tabs>
+    <v-window v-model="tab">
+      <v-window-item value="notice">
+        <div class="news-grid">
+          <v-card v-for="item in postData.notice" :key="item.post_id" class="news-card" width="340">
+            <div class="news-cover" @click="toPost(item)">
+              <img :src="item.cover" alt="cover">
             </div>
-            <v-btn v-show="appStore.devMode" class="card-dev-btn" @click="toJson(item)">
-              <template #prepend>
-                <img src="../assets/icons/arrow-right.svg" alt="right">
-              </template>
-              JSON
-            </v-btn>
-          </v-card-actions>
-        </v-card>
-      </div>
-      <div class="load-news">
-        <v-btn :loading="loadingSub" @click="loadMore('activity')">
-          <template #append>
-            <img src="../assets/icons/arrow-left.svg" alt="right">
-          </template>
-          已加载:{{ rawData.activity.last_id }}，加载更多
-        </v-btn>
-      </div>
-    </v-window-item>
-    <v-window-item v-if="showNews" value="news">
-      <div class="news-grid">
-        <v-card v-for="item in postData.news" :key="item.post_id" class="news-card" width="340">
-          <div class="news-cover" @click="toPost(item)">
-            <img :src="item.cover" alt="cover">
-          </div>
-          <v-card-title>{{ item.title }}</v-card-title>
-          <v-card-actions>
-            <v-btn class="card-btn" @click="toPost(item)">
-              <template #prepend>
-                <img src="../assets/icons/circle-check.svg" alt="check">查看
-              </template>
-            </v-btn>
-            <v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
-            <v-btn v-show="appStore.devMode" class="card-dev-btn" @click="toJson(item)">
-              <template #prepend>
-                <img src="../assets/icons/arrow-right.svg" alt="right">
-              </template>
-              JSON
-            </v-btn>
-          </v-card-actions>
-        </v-card>
-      </div>
-      <div class="load-news">
-        <v-btn :loading="loadingSub" @click="loadMore('news')">
-          <template #append>
-            <img src="../assets/icons/arrow-left.svg" alt="right">
-          </template>
-          已加载：{{ rawData.news.last_id }}，加载更多
-        </v-btn>
-      </div>
-    </v-window-item>
-  </v-window>
-  <v-snackbar v-model="snackbar" timeout="1500" :color="snackbarColor">
-    {{ snackbarText }}
-  </v-snackbar>
-</div>
+            <v-card-title>{{ item.title }}</v-card-title>
+            <v-card-actions>
+              <v-btn class="card-btn" @click="toPost(item)">
+                <template #prepend>
+                  <img src="../assets/icons/circle-check.svg" alt="check">查看
+                </template>
+              </v-btn>
+              <v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
+              <v-btn v-show="appStore.devMode" class="card-dev-btn" @click="toJson(item)">
+                <template #prepend>
+                  <img src="../assets/icons/arrow-right.svg" alt="right">
+                </template>
+                JSON
+              </v-btn>
+            </v-card-actions>
+          </v-card>
+        </div>
+        <div class="load-news">
+          <v-btn :loading="loadingSub" @click="loadMore('notice')">
+            <template #append>
+              <img src="../assets/icons/arrow-left.svg" alt="right">
+            </template>
+            已加载：{{ rawData.notice.lastId }}，加载更多
+          </v-btn>
+        </div>
+      </v-window-item>
+      <v-window-item value="activity">
+        <div class="news-grid">
+          <v-card v-for="item in postData.activity" :key="item.post_id" class="news-card" width="340">
+            <div class="news-cover" @click="toPost(item)">
+              <img :src="item.cover" alt="cover">
+            </div>
+            <v-card-title>{{ item.title }}</v-card-title>
+            <v-card-subtitle>{{ item.subtitle }}</v-card-subtitle>
+            <v-card-actions>
+              <v-btn class="card-btn" @click="toPost(item)">
+                <template #prepend>
+                  <img src="../assets/icons/circle-check.svg" alt="check">查看
+                </template>
+              </v-btn>
+              <v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
+              <div v-show="!appStore.devMode">
+                <v-btn
+                  :style="{
+                    background: item.status?.colorCss,
+                    color: '#faf7e8 !important',
+                  }"
+                >
+                  {{ item.status?.status }}
+                </v-btn>
+              </div>
+              <v-btn v-show="appStore.devMode" class="card-dev-btn" @click="toJson(item)">
+                <template #prepend>
+                  <img src="../assets/icons/arrow-right.svg" alt="right">
+                </template>
+                JSON
+              </v-btn>
+            </v-card-actions>
+          </v-card>
+        </div>
+        <div class="load-news">
+          <v-btn :loading="loadingSub" @click="loadMore('activity')">
+            <template #append>
+              <img src="../assets/icons/arrow-left.svg" alt="right">
+            </template>
+            已加载:{{ rawData.activity.lastId }}，加载更多
+          </v-btn>
+        </div>
+      </v-window-item>
+      <v-window-item v-if="showNews" value="news">
+        <div class="news-grid">
+          <v-card v-for="item in postData.news" :key="item.post_id" class="news-card" width="340">
+            <div class="news-cover" @click="toPost(item)">
+              <img :src="item.cover" alt="cover">
+            </div>
+            <v-card-title>{{ item.title }}</v-card-title>
+            <v-card-actions>
+              <v-btn class="card-btn" @click="toPost(item)">
+                <template #prepend>
+                  <img src="../assets/icons/circle-check.svg" alt="check">查看
+                </template>
+              </v-btn>
+              <v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
+              <v-btn v-show="appStore.devMode" class="card-dev-btn" @click="toJson(item)">
+                <template #prepend>
+                  <img src="../assets/icons/arrow-right.svg" alt="right">
+                </template>
+                JSON
+              </v-btn>
+            </v-card-actions>
+          </v-card>
+        </div>
+        <div class="load-news">
+          <v-btn :loading="loadingSub" @click="loadMore('news')">
+            <template #append>
+              <img src="../assets/icons/arrow-left.svg" alt="right">
+            </template>
+            已加载：{{ rawData.news.lastId }}，加载更多
+          </v-btn>
+        </div>
+      </v-window-item>
+    </v-window>
+    <v-snackbar v-model="snackbar" timeout="1500" :color="snackbarColor">
+      {{ snackbarText }}
+    </v-snackbar>
+  </div>
 </template>
 
 <script lang="ts" setup>
@@ -152,7 +152,7 @@ import MysOper from "../plugins/Mys";
 // utils
 import { createTGWindow } from "../utils/TGWindow";
 // interface
-import { NewsCard } from "../plugins/Mys/interface/news";
+import { NewsCard, NewsData } from "../plugins/Mys/interface/news";
 
 // 路由
 const router = useRouter();
@@ -184,33 +184,33 @@ const postData = ref({
 });
 const rawData = ref({
   notice: {
-    is_last: false,
-    last_id: 0,
+    isLast: false,
+    lastId: 0,
   },
   activity: {
-    is_last: false,
-    last_id: 0,
+    isLast: false,
+    lastId: 0,
   },
   news: {
-    is_last: false,
-    last_id: 0,
+    isLast: false,
+    lastId: 0,
   },
 });
 
 onMounted(async () => {
   loadingTitle.value = "正在获取公告数据...";
   const noticeData = await MysOper.News.get.notice(gid);
-  rawData.value.notice.is_last = noticeData.is_last;
-  rawData.value.notice.last_id = noticeData.list.length;
+  rawData.value.notice.isLast = noticeData.is_last;
+  rawData.value.notice.lastId = noticeData.list.length;
   loadingTitle.value = "正在获取活动数据...";
   const activityData = await MysOper.News.get.activity(gid);
-  rawData.value.activity.is_last = activityData.is_last;
-  rawData.value.activity.last_id = activityData.list.length;
+  rawData.value.activity.isLast = activityData.is_last;
+  rawData.value.activity.lastId = activityData.list.length;
   if (showNews.value) {
     loadingTitle.value = "正在获取新闻数据...";
     const newsData = await MysOper.News.get.news(gid);
-    rawData.value.news.is_last = newsData.is_last;
-    rawData.value.news.last_id = newsData.list.length;
+    rawData.value.news.isLast = newsData.is_last;
+    rawData.value.news.lastId = newsData.list.length;
     postData.value = {
       notice: MysOper.News.card.notice(noticeData),
       activity: MysOper.News.card.activity(activityData),
@@ -234,50 +234,52 @@ async function switchAnno () {
 // 加载更多
 async function loadMore (data: string) {
   loadingSub.value = true;
+  let getData: NewsData;
+  let getCard: NewsCard[];
   switch (data) {
     case "notice":
-      if (rawData.value.notice.is_last) {
+      if (rawData.value.notice.isLast) {
         snackbarText.value = "已经是最后一页了";
         snackbarColor.value = "#35acce";
         snackbar.value = true;
         loadingSub.value = false;
         return;
       }
-      const getNotice = await MysOper.News.get.notice(gid, 20, rawData.value.notice.last_id);
-      rawData.value.notice.last_id = rawData.value.notice.last_id + getNotice.list.length;
-      rawData.value.notice.is_last = getNotice.is_last;
-      const noticeCard = MysOper.News.card.notice(getNotice);
-      postData.value.notice = postData.value.notice.concat(noticeCard);
+      getData = await MysOper.News.get.notice(gid, 20, rawData.value.notice.lastId);
+      rawData.value.notice.lastId = rawData.value.notice.lastId + getData.list.length;
+      rawData.value.notice.isLast = getData.is_last;
+      getCard = MysOper.News.card.notice(getData);
+      postData.value.notice = postData.value.notice.concat(getCard);
       loadingSub.value = false;
       break;
     case "activity":
-      if (rawData.value.activity.is_last) {
+      if (rawData.value.activity.isLast) {
         snackbarText.value = "已经是最后一页了";
         snackbarColor.value = "#35acce";
         snackbar.value = true;
         loadingSub.value = false;
         return;
       }
-      const getActivity = await MysOper.News.get.activity(gid, 20, rawData.value.activity.last_id);
-      rawData.value.activity.last_id = rawData.value.activity.last_id + getActivity.list.length;
-      rawData.value.activity.is_last = getActivity.is_last;
-      const activityCard = MysOper.News.card.activity(getActivity);
-      postData.value.activity = postData.value.activity.concat(activityCard);
+      getData = await MysOper.News.get.activity(gid, 20, rawData.value.activity.lastId);
+      rawData.value.activity.lastId = rawData.value.activity.lastId + getData.list.length;
+      rawData.value.activity.isLast = getData.is_last;
+      getCard = MysOper.News.card.activity(getData);
+      postData.value.activity = postData.value.activity.concat(getCard);
       loadingSub.value = false;
       break;
     case "news":
-      if (rawData.value.news.is_last) {
+      if (rawData.value.news.isLast) {
         snackbarText.value = "已经是最后一页了";
         snackbarColor.value = "#35acce";
         snackbar.value = true;
         loadingSub.value = false;
         return;
       }
-      const getNews = await MysOper.News.get.news(gid, 20, rawData.value.news.last_id);
-      rawData.value.news.last_id = rawData.value.news.last_id + getNews.list.length;
-      rawData.value.news.is_last = getNews.is_last;
-      const newsCard = MysOper.News.card.news(getNews);
-      postData.value.news = postData.value.news.concat(newsCard);
+      getData = await MysOper.News.get.news(gid, 20, rawData.value.news.lastId);
+      rawData.value.news.lastId = rawData.value.news.lastId + getData.list.length;
+      rawData.value.news.isLast = getData.is_last;
+      getCard = MysOper.News.card.news(getData);
+      postData.value.news = postData.value.news.concat(getCard);
       loadingSub.value = false;
       break;
     default:
@@ -290,6 +292,7 @@ async function toPost (item: NewsCard | string) {
     const path = router.resolve({
       name: "帖子详情",
       params: {
+        // eslint-disable-next-line camelcase
         post_id: item,
       },
     }).href;
@@ -298,6 +301,7 @@ async function toPost (item: NewsCard | string) {
     const path = router.resolve({
       name: "帖子详情",
       params: {
+        // eslint-disable-next-line camelcase
         post_id: item.post_id.toString(),
       },
     }).href;
@@ -309,6 +313,7 @@ async function toJson (item: NewsCard | string) {
     const path = router.resolve({
       name: "帖子详情（JSON）",
       params: {
+        // eslint-disable-next-line camelcase
         post_id: item,
       },
     }).href;
@@ -317,6 +322,7 @@ async function toJson (item: NewsCard | string) {
     const path = router.resolve({
       name: "帖子详情（JSON）",
       params: {
+        // eslint-disable-next-line camelcase
         post_id: item.post_id.toString(),
       },
     }).href;
@@ -344,70 +350,70 @@ async function searchPost () {
 
 <style lang="css" scoped>
 .news-tabs {
-	font-family: Genshin, serif;
-	margin-bottom: 10px;
+  font-family: Genshin, serif;
+  margin-bottom: 10px;
 }
 
 .news-grid {
-	font-family: Genshin, serif;
-	display: grid;
-	grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
-	grid-gap: 20px;
+  font-family: Genshin, serif;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
+  grid-gap: 20px;
 }
 
 .news-card {
-	border-radius: 10px;
-	background: #faf7e8;
-	color: #546d8b;
+  border-radius: 10px;
+  background: #faf7e8;
+  color: #546d8b;
 }
 
 .news-cover {
-	height: 150px;
-	overflow: hidden;
+  height: 150px;
+  overflow: hidden;
 }
 
 .news-cover :hover {
-	transform: scale(1.1);
-	transition: all 0.3s linear;
-	cursor: pointer;
+  transform: scale(1.1);
+  transition: all 0.3s linear;
+  cursor: pointer;
 }
 
 .news-cover img {
-	object-fit: cover;
-	width: 100%;
-	height: 150px;
-	transition: all 0.3s linear;
+  object-fit: cover;
+  width: 100%;
+  height: 150px;
+  transition: all 0.3s linear;
 }
 
 /* switch */
 .switch-btn {
-	font-family: Genshin, serif;
-	background: #ffca0a;
-	height: 40px;
-	margin-right: 10px;
-	margin-top: 5px;
-	color: #546d8b;
+  font-family: Genshin, serif;
+  background: #ffca0a;
+  height: 40px;
+  margin-right: 10px;
+  margin-top: 5px;
+  color: #546d8b;
 }
 
 /* load more */
 .load-news {
-	font-family: Genshin, serif;
-	margin-top: 10px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	padding: 10px;
-	border-radius: 5px;
-	transition: all 0.3s linear;
+  font-family: Genshin, serif;
+  margin-top: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 10px;
+  border-radius: 5px;
+  transition: all 0.3s linear;
 }
 
 .load-news button {
-	background: #546d8b !important;
-	color: #faf7e8 !important;
+  background: #546d8b !important;
+  color: #faf7e8 !important;
 }
 
 .load-news button img {
-	width: 18px;
-	height: 18px;
+  width: 18px;
+  height: 18px;
 }
 </style>