feat: update

components/novel/Settings/index.tsx

@@ -1,18 +1,9 @@
 import clsx from "clsx";
-import { GetServerSideProps } from "next";
-import Link from "next/link";
-import { useRouter } from "next/router";
-import { ReactElement, useState } from "react";
-import Footer from "../../../components/common/Footer";
-import Header from "../../../components/common/Header";
-import NovelCover from "../../../components/NovelCover";
-import styles from "../../../styles/chapter.module.scss";
-import { ChapterData, ChapterListData } from "../../../types/http";
-import useGet from "../../../utils/hooks/useGet";
-import { get } from "../../../utils/http";
-import type { NextPageWithLayout } from "../../_app";
+
 import toggleTheme from "../../../libs/toggleTheme";
 
+import styles from "../../../styles/chapter.module.scss";
+
 type FontSize = 1 | 2 | 3 | 4 | 5;
 const fontSizes: FontSize[] = [1, 2, 3, 4, 5];
 

components/novel/Toc/index.tsx

@@ -1,20 +1,10 @@
-import clsx from "clsx";
-import { GetServerSideProps } from "next";
 import Link from "next/link";
-import { useRouter } from "next/router";
-import { ReactElement, useState } from "react";
-import Footer from "../../../components/common/Footer";
-import Header from "../../../components/common/Header";
-import NovelCover from "../../../components/NovelCover";
-import styles from "../../../styles/chapter.module.scss";
-import { ChapterData, ChapterListData } from "../../../types/http";
 import useGet from "../../../utils/hooks/useGet";
-import { get } from "../../../utils/http";
-import type { NextPageWithLayout } from "../../_app";
-import toggleTheme from "../../../libs/toggleTheme";
+import type { ChapterListData } from "../../../types/http";
+
+import styles from "../../../styles/chapter.module.scss";
 
 type FontSize = 1 | 2 | 3 | 4 | 5;
-const fontSizes: FontSize[] = [1, 2, 3, 4, 5];
 
 interface TocProps {
   novel: string;
@@ -22,7 +12,7 @@ interface TocProps {
 }
 
 const Toc = (props: TocProps) => {
-  const { novel, chapter } = props;
+  const { novel } = props;
 
   const { data: { data: chapters } = { data: null } } = useGet<ChapterListData>(
     `/api/novel/${novel}/chapters`

components/novel/Toolbar/index.tsx

@@ -1,4 +1,5 @@
 import clsx from "clsx";
+
 import styles from "../../../styles/chapter.module.scss";
 
 interface ToolbarProps {

pages/_app.tsx

@@ -1,14 +1,13 @@
-import type { ReactElement, ReactNode } from "react";
 import { SWRConfig } from "swr";
 import type { NextPage } from "next";
-import App, { AppContext } from "next/app";
 import type { AppProps } from "next/app";
+import App, { AppContext } from "next/app";
+import type { ReactElement, ReactNode } from "react";
+
+import { Context } from "../libs/context";
 import Layout from "../components/common/Layout";
+
 import "../styles/globals.scss";
-import useGet from "../utils/hooks/useGet";
-import { GenreItem } from "../types/http";
-import { get } from "../utils/http";
-import { Context } from "../libs/context";
 
 export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & {
   getLayout?: (page: ReactElement) => ReactNode;

pages/index.tsx

@@ -1,6 +1,6 @@
-import NovelItem from "../components/NovelItem";
-import type { ListItem } from "../types/http";
 import useGet from "../utils/hooks/useGet";
+import type { ListItem } from "../types/http";
+import NovelItem from "../components/NovelItem";
 
 const Home = () => {
   const { data } = useGet<ListItem[]>("/api/list");

pages/novel/[slug]/[chapter].tsx

@@ -1,20 +1,19 @@
 import clsx from "clsx";
-import { GetServerSideProps } from "next";
 import Link from "next/link";
 import { useRouter } from "next/router";
+import { GetServerSideProps } from "next";
 import { ReactElement, useState } from "react";
-import Footer from "../../../components/common/Footer";
-import Header from "../../../components/common/Header";
-import NovelCover from "../../../components/NovelCover";
-import styles from "../../../styles/chapter.module.scss";
-import { ChapterData, ChapterListData } from "../../../types/http";
-import useGet from "../../../utils/hooks/useGet";
+
 import { get } from "../../../utils/http";
-import type { NextPageWithLayout } from "../../_app";
-import toggleTheme from "../../../libs/toggleTheme";
-import Settings from "../../../components/novel/Settings";
-import Toolbar from "../../../components/novel/Toolbar";
+import useGet from "../../../utils/hooks/useGet";
 import Toc from "../../../components/novel/Toc";
+import Toolbar from "../../../components/novel/Toolbar";
+import Settings from "../../../components/novel/Settings";
+
+import type { NextPageWithLayout } from "../../_app";
+import type { ChapterData, ChapterListData } from "../../../types/http";
+
+import styles from "../../../styles/chapter.module.scss";
 
 const Chapter: NextPageWithLayout = () => {
   const { query } = useRouter();

pages/novel/[slug]/index.tsx

@@ -1,13 +1,14 @@
 import clsx from "clsx";
-import type { GetServerSideProps, NextPage } from "next";
+import Link from "next/link";
 import { useState } from "react";
-import NovelCover from "../../../components/NovelCover";
-import styles from "../../../styles/novel-info.module.scss";
+import { useRouter } from "next/router";
+import type { GetServerSideProps, NextPage } from "next";
 import type { Detail, ChapterListData } from "../../../types/http";
 import { get } from "../../../utils/http";
-import { useRouter } from "next/router";
 import useGet from "../../../utils/hooks/useGet";
-import Link from "next/link";
+import NovelCover from "../../../components/NovelCover";
+
+import styles from "../../../styles/novel-info.module.scss";
 
 interface NovelPageProps {
   detail?: Detail;

pages/novels/[genre].tsx

@@ -1,14 +1,16 @@
-import { useContext } from "react";
-import NovelItem from "../../components/NovelItem";
-import type { ListItem } from "../../types/http";
-import useGet from "../../utils/hooks/useGet";
-import { Context } from "../../libs/context";
+import clsx from "clsx";
 import Link from "next/link";
-import styles from "../../styles/genre.module.scss";
+import { useContext } from "react";
 import { useRouter } from "next/router";
-import clsx from "clsx";
 import { GetServerSideProps } from "next";
 
+import { Context } from "../../libs/context";
+import useGet from "../../utils/hooks/useGet";
+import type { ListItem } from "../../types/http";
+import NovelItem from "../../components/NovelItem";
+
+import styles from "../../styles/genre.module.scss";
+
 const Genre = () => {
   const { query } = useRouter();
   const { data } = useGet<ListItem[]>(

utils/http/index.ts

@@ -1,5 +1,5 @@
-import { apiHost, isServer } from "../../libs/config";
 import type { ResData } from "../../types/http";
+import { apiHost, isServer } from "../../libs/config";
 
 export function http<T = any>(uri: string, config?: RequestInit) {
   return fetch(isServer ? `${apiHost}${uri}` : uri, config).then((res) =>