kiss-translator/src/views/Options/index.js

import { Routes, Route } from "react-router-dom";
import About from "./About";
import Rules from "./Rules";
import Setting from "./Setting";
import Layout from "./Layout";
import SyncSetting from "./SyncSetting";

export default function Options() {
  return (
    <Routes>
      <Route path="/" element={<Layout />}>
        <Route index element={<Setting />} />
        <Route path="rules" element={<Rules />} />
        <Route path="sync" element={<SyncSetting />} />
        <Route path="about" element={<About />} />
      </Route>
    </Routes>
  );
}