site

Author: MrWangJustToDo

README.md

@@ -6,7 +6,7 @@
 
 # Git Diff Component
 
-A Diff view component for React / Vue,
+A Diff view component for React / Vue / Solid / Svelte,
 The most one component what easy to use and feature complete.
 
 [![Deploy](https://github.com/MrWangJustToDo/git-diff-view/actions/workflows/deploy.yml/badge.svg)](https://github.com/MrWangJustToDo/git-diff-view/actions/workflows/deploy.yml)
@@ -38,6 +38,8 @@ See example project [Example](https://github.com/MrWangJustToDo/git-diff-view/tr
 | [`@git-diff-view/file`](packages/file)   | [![npm (scoped)](https://img.shields.io/npm/v/%40git-diff-view/file)](https://www.npmjs.com/package/@git-diff-view/file)   |
 | [`@git-diff-view/react`](packages/react) | [![npm (scoped)](https://img.shields.io/npm/v/%40git-diff-view/react)](https://www.npmjs.com/package/@git-diff-view/react) |
 | [`@git-diff-view/vue`](packages/vue)     | [![npm (scoped)](https://img.shields.io/npm/v/%40git-diff-view/vue)](https://www.npmjs.com/package/@git-diff-view/vue)     |
+| [`@git-diff-view/solid`](packages/solid) | [![npm (scoped)](https://img.shields.io/npm/v/%40git-diff-view/solid)](https://www.npmjs.com/package/@git-diff-view/solid) |
+| [`@git-diff-view/svelte`](packages/svelte)|[![npm (scoped)](https://img.shields.io/npm/v/%40git-diff-view/svelte)](https://www.npmjs.com/package/@git-diff-view/svelte)|
 
 ### syntax highlighter
 

packages/svelte/src/routes/+page.svelte

@@ -58,7 +58,7 @@
 </script>
 
 <div class="m-auto mb-[1em] mt-[1em] w-[90%]">
-	<h2 class="text-[24px]">A Solid component to show the file diff</h2>
+	<h2 class="text-[24px]">A Svelte component to show the file diff</h2>
 	<br />
 	<p>
 		Select a file to show the diff: &nbsp;

ui/react-example/src/components/MainContent.tsx

@@ -38,7 +38,7 @@ export const MainContent = () => {
           <Title>Git Diff View</Title>
           <Space h="12" />
           <Text size="lg" component="div">
-            A <Code>Diff</Code> view component for React / Vue,
+            A <Code>Diff</Code> view component for React / Vue / Solid / Svelte,
             <Highlight highlight={["easy to use", "feature complete"]} color={color}>
               The most one component what easy to use and feature complete.
             </Highlight>

ui/svelte-example/readme.md

@@ -1 +1,2 @@
-## SEE [package/svelte]([https://github.com/MrWangJustToDo/git-diff-view/tree/main/packages/svelte]) for more details.
+## SEE package/svelte for more details.
+goto [package/svelte]([https://github.com/MrWangJustToDo/git-diff-view/tree/main/packages/svelte])