rebuild request, fix editor

src/api/topic/index.ts

@@ -1,17 +1,17 @@
-import { request } from '@/utils/request'
+import { fetchGet } from '@/utils/request'
 
 import { KUNGalgameTopic } from './types/topic'
 
 export async function getTopicApi(id: number) {
-  return await request<KUNGalgameTopic>(`/topic/${id}`)
+  return await fetchGet<KUNGalgameTopic>(`/topic/${id}`)
 }
 
 export async function getTopicReplyApi(id: number) {
-  return await request<KUNGalgameTopic>(`/topic/reply/${id}`)
+  return await fetchGet<KUNGalgameTopic>(`/topic/reply/${id}`)
 }
 
 export async function getTopicCommentApi(id: number) {
-  return await request<KUNGalgameTopic>(`/topic/comment/${id}`)
+  return await fetchGet<KUNGalgameTopic>(`/topic/comment/${id}`)
 }
 
 // 获取指定范围内的帖子数据
@@ -20,15 +20,9 @@ export async function getTopicRangeApi(
   count: number
 ): Promise<KUNGalgameTopic[]> {
   const url = `http://127.0.0.1:10007/topic/topics/kun?start=${start}&count=${count}`
-  const options = {
-    method: 'GET',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-  }
 
   try {
-    const response = await request<KUNGalgameTopic[]>(url, options)
+    const response = await fetchGet<KUNGalgameTopic[]>(url)
     return response
   } catch (error) {
     console.error('Error fetching topics:', error)

src/styles/editor/editor.scss

@@ -12,6 +12,14 @@
   }
 }
 
+s {
+  text-decoration: line-through;
+}
+
+* {
+  text-shadow: none;
+}
+
 :root {
   // textarea - css vars
   --w-e-textarea-bg-color: var(--kungalgame-white);

src/utils/request.ts

@@ -1,10 +1,85 @@
-// request.ts
+type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE'
 
-export async function request<T>(
+type FetchOptions = {
-  url: string,
+  method: HttpMethod
-  options: RequestInit = {}
+  headers?: Record<string, string>
-): Promise<T> {
+  body?: BodyInit
-  const response = await fetch(url, options)
-  const data = await response.json()
-  return data as T
 }
+
+const fetchRequest = async <T>(
+  url: string,
+  options: FetchOptions
+): Promise<T> => {
+  try {
+    const response = await fetch(url, options)
+
+    if (!response.ok) {
+      throw new Error('Request Error!')
+    }
+
+    const data: T = await response.json()
+    return data
+  } catch (error) {
+    throw new Error('Request Error!')
+  }
+}
+
+const fetchGet = async <T>(
+  url: string,
+  headers?: Record<string, string>
+): Promise<T> => {
+  const options: FetchOptions = {
+    method: 'GET',
+    headers: headers,
+  }
+
+  return await fetchRequest<T>(url, options)
+}
+
+const fetchPost = async <T>(
+  url: string,
+  body?: Record<string, any>,
+  headers?: Record<string, string>
+): Promise<T> => {
+  const options: FetchOptions = {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      ...headers,
+    },
+    body: JSON.stringify(body),
+  }
+
+  return await fetchRequest<T>(url, options)
+}
+
+const fetchPut = async <T>(
+  url: string,
+  body?: Record<string, any>,
+  headers?: Record<string, string>
+): Promise<T> => {
+  const options: FetchOptions = {
+    method: 'PUT',
+    headers: {
+      'Content-Type': 'application/json',
+      ...headers,
+    },
+    body: JSON.stringify(body),
+  }
+
+  return await fetchRequest<T>(url, options)
+}
+
+const fetchDelete = async <T>(
+  url: string,
+  headers?: Record<string, string>
+): Promise<T> => {
+  const options: FetchOptions = {
+    method: 'DELETE',
+    headers: headers,
+  }
+
+  return await fetchRequest<T>(url, options)
+}
+
+export { fetchGet, fetchPost, fetchPut, fetchDelete }