🔧 chore: clean project

package.json

@@ -36,7 +36,7 @@
     "release": "semantic-release",
     "start": "npm run dev",
     "test": "npm run type-check",
-    "type-check": "tsc -p tsconfig-check.json"
+    "type-check": "tsc --noEmit"
   },
   "lint-staged": {
     "*.md": [
@@ -64,7 +64,6 @@
   "devDependencies": {
     "@babel/plugin-syntax-import-assertions": "^7",
     "@commitlint/cli": "^17",
-    "@giscus/react": "^2",
     "@lobehub/lint": "latest",
     "@lobehub/ui": "latest",
     "@types/lodash-es": "^4",
@@ -104,7 +103,6 @@
     "remark": "^14",
     "remark-cli": "^11",
     "semantic-release": "^21",
-    "shiki-es": "^0",
     "styled-components": "^6",
     "stylelint": "^15",
     "terser": "^5",

src/App.tsx

@@ -2,9 +2,9 @@ import { Suspense, memo, useEffect, useState } from 'react';
 import { Helmet } from 'react-helmet';
 import { shallow } from 'zustand/shallow';
 
+import { Loading } from '@/components';
 import Layout from '@/layouts';
 import Index from '@/pages';
-import Loading from '@/slots/Loading';
 import { useAppStore } from '@/store';
 
 import manifest from './manifest';

src/components/Giscus/index.tsx

@@ -4,14 +4,18 @@ import { Github } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { homepage, name } from '@/../package.json';
 import { Modal, type ModalProps } from '@/components';
 import { useAppStore } from '@/store';
 
-interface GiscusProps {
+import { homepage } from '../../../package.json';
+
+export interface GiscusProps {
   onCancel?: ModalProps['onCancel'];
   open?: ModalProps['open'];
 }
+
+const repoName = homepage.replace('https://github.com/', '') as `${string}/${string}`;
+
 const Giscus = memo<GiscusProps>(({ open, onCancel }) => {
   const setting = useAppStore((st) => st.setting, isEqual);
   const { t } = useTranslation();
@@ -22,20 +26,13 @@ const Giscus = memo<GiscusProps>(({ open, onCancel }) => {
       title={
         <>
           <a href={homepage} rel="noreferrer" target="_blank">
-            <ActionIcon icon={Github} title={`canisminor1990/${name}`} />
+            <ActionIcon icon={Github} title={repoName} />
           </a>
           {t('themeFeedback')}
         </>
       }
     >
-      <G
-        lang={setting.i18n}
-        mapping="number"
-        reactionsEnabled="1"
-        repo="canisminor1990/sd-webui-kitchen-theme"
-        repoId="R_kgDOJCPcNg"
-        term="53"
-      />
+      <G lang={setting.i18n} mapping="number" repo={repoName} repoId="R_kgDOJCPcNg" term="53" />
     </Modal>
   );
 });

src/components/PromptEditor/index.tsx

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useStyles } from '@/slots/PromptEditor/style';
+import { useStyles } from '@/components/PromptEditor/style';
 
 import Prompt from './Prompt';
 

src/components/Setting/index.tsx

@@ -4,12 +4,12 @@ import { Book } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { homepage, version } from '@/../package.json';
 import { Modal, type ModalProps } from '@/components';
 
+import { homepage, version } from '../../../package.json';
 import SettingForm from './SettingForm';
 
-interface SettingProps {
+export interface SettingProps {
   onCancel?: ModalProps['onCancel'];
   open?: ModalProps['open'];
 }

src/components/index.ts

@@ -1,3 +1,7 @@
+export { default as Giscus, type GiscusProps } from './Giscus';
+export { default as Loading } from './Loading';
 export { default as Logo, type LogoProps } from './Logo';
 export { default as CustomLogo, type CustomLogoProps } from './Logo/CustomLogo';
 export { default as Modal, type ModalProps } from './Modal';
+export { default as PromptEditor } from './PromptEditor';
+export { default as Setting, type SettingProps } from './Setting';

src/pages/Header/Actions.tsx

@@ -7,8 +7,7 @@ import { memo, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { shallow } from 'zustand/shallow';
 
-import Giscus from '@/slots/Giscus';
-import Setting from '@/slots/Setting';
+import { Giscus, Setting } from '@/components';
 import { useAppStore } from '@/store';
 
 const CivitaiLogo: LucideIcon = ({ size }) => (

src/pages/QuickSettingSidebar/Inner.tsx

@@ -2,7 +2,7 @@ import { DraggablePanelBody } from '@lobehub/ui';
 import isEqual from 'fast-deep-equal';
 import { memo, useEffect, useRef } from 'react';
 
-import PromptGroup from '@/slots/PromptEditor';
+import { PromptEditor } from '@/components';
 import { useAppStore } from '@/store';
 import { type DivProps } from '@/types';
 
@@ -19,7 +19,7 @@ const Inner = memo<DivProps>(() => {
 
   return (
     <DraggablePanelBody>
-      {setting.promptEditor && <PromptGroup />}
+      {setting.promptEditor && <PromptEditor />}
       <div ref={sidebarReference} />
     </DraggablePanelBody>
   );

tsconfig-check.json

@@ -1,6 +0,0 @@
-{
-  "compilerOptions": {
-    "noEmit": true
-  },
-  "extends": "./tsconfig.json"
-}