From 3a142a61ef56f0dcd6397f5234e364b7f6886bf8 Mon Sep 17 00:00:00 2001
From: imtaotao <chentao.arthur@bytedance.com>
Date: Wed, 4 Sep 2024 16:35:31 +0800
Subject: [PATCH] docs: fixed some spelling errors

---
 demo/src/components/danmu/Transmitter.tsx  | 14 +++++++-------
 demo/src/components/sidebar/SidebarGap.tsx |  2 +-
 demo/src/i18n/en.ts                        |  4 ++--
 demo/src/i18n/zh.ts                        |  4 ++--
 docs/en/cases/like.md                      | 15 ++++++---------
 docs/zh/cases/like.md                      | 15 ++++++---------
 6 files changed, 24 insertions(+), 30 deletions(-)

diff --git a/demo/src/components/danmu/Transmitter.tsx b/demo/src/components/danmu/Transmitter.tsx
index 65ef785a..f0f9af4c 100644
--- a/demo/src/components/danmu/Transmitter.tsx
+++ b/demo/src/components/danmu/Transmitter.tsx
@@ -56,7 +56,7 @@ export const Transmitter = ({
     toast({
       duration: 800,
       variant: 'destructive',
-      description: msg || t('notEmpityValue'),
+      description: msg || t('notEmptyValue'),
     });
   };
 
@@ -115,11 +115,11 @@ export const Transmitter = ({
             </SheetTitle>
             <div className="grid gap-4 py-4">
               <div className="grid grid-cols-4 items-center gap-4">
-                <Label htmlFor="postion-x" className="text-right font-bold">
+                <Label htmlFor="position-x" className="text-right font-bold">
                   {t('position')} X (%)
                 </Label>
                 <Input
-                  id="postion-x"
+                  id="position-x"
                   type="number"
                   min={0}
                   max={100}
@@ -129,11 +129,11 @@ export const Transmitter = ({
                 />
               </div>
               <div className="grid grid-cols-4 items-center gap-4">
-                <Label htmlFor="postion-y" className="text-right font-bold">
+                <Label htmlFor="position-y" className="text-right font-bold">
                   {t('position')} Y (%)
                 </Label>
                 <Input
-                  id="postion-y"
+                  id="position-y"
                   type="number"
                   min={0}
                   max={100}
@@ -143,11 +143,11 @@ export const Transmitter = ({
                 />
               </div>
               <div className="grid grid-cols-4 items-center gap-4">
-                <Label htmlFor="postion-y" className="text-right font-bold">
+                <Label htmlFor="position-y" className="text-right font-bold">
                   {t('time')} (ms)
                 </Label>
                 <Input
-                  id="postion-y"
+                  id="position-y"
                   type="number"
                   defaultValue={duration}
                   className="col-span-3 w-3/4"
diff --git a/demo/src/components/sidebar/SidebarGap.tsx b/demo/src/components/sidebar/SidebarGap.tsx
index b951c6d3..4dfa14fa 100644
--- a/demo/src/components/sidebar/SidebarGap.tsx
+++ b/demo/src/components/sidebar/SidebarGap.tsx
@@ -36,7 +36,7 @@ export const SidebarGap = memo(
         <Input
           className="h-4/5"
           type="number"
-          placeholder={t('danmakaGap')}
+          placeholder={t('danmakuGap')}
           defaultValue={manager.options.gap}
           onChange={throttle(1000, (e) => {
             manager.updateOptions({ gap: Number(e.target.value) });
diff --git a/demo/src/i18n/en.ts b/demo/src/i18n/en.ts
index c5e4fb33..7f9bcc83 100644
--- a/demo/src/i18n/en.ts
+++ b/demo/src/i18n/en.ts
@@ -7,14 +7,14 @@ export const enMap = {
   randomColor: 'Random color',
   clearDanmaku: 'Clear danmaku',
   currentlyFrozen: 'Currently frozen',
-  notEmpityValue: 'Danmaku value cannot be empty',
+  notEmptyValue: 'Danmaku value cannot be empty',
   inputDanmaku: 'Enter your danmaku content.',
   setFlexiblePosition: 'Set flexible danmaku position information',
   facileDanmaku: 'Facile danmaku',
   flexibleDanmaku: 'Advanced danmaku',
   correctedDuration: 'Corrected duration',
   thisIsA: 'This is a ',
-  danmakaGap: 'Danmaku gap',
+  danmakuGap: 'Danmaku gap',
   opacity: 'Opacity',
   setArea: 'Rendering area',
   setDirection: 'Direction (left/right)',
diff --git a/demo/src/i18n/zh.ts b/demo/src/i18n/zh.ts
index 7d5c754f..1fda61ad 100644
--- a/demo/src/i18n/zh.ts
+++ b/demo/src/i18n/zh.ts
@@ -7,14 +7,14 @@ export const zhMap = {
   randomColor: '随机颜色',
   clearDanmaku: '清空弹幕',
   currentlyFrozen: '当前处于冻结状态',
-  notEmpityValue: '弹幕值不能为空',
+  notEmptyValue: '弹幕值不能为空',
   inputDanmaku: '输入你的弹幕内容。',
   setFlexiblePosition: '设置高级弹幕的位置信息',
   facileDanmaku: '普通弹幕',
   flexibleDanmaku: '高级弹幕',
   correctedDuration: '被修正过运动时间',
   thisIsA: '这个是一个',
-  danmakaGap: '弹幕间距',
+  danmakuGap: '弹幕间距',
   opacity: '透明度',
   setArea: '渲染区域',
   setDirection: '方向（左/右）',
diff --git a/docs/en/cases/like.md b/docs/en/cases/like.md
index 36f550eb..e84e20e9 100644
--- a/docs/en/cases/like.md
+++ b/docs/en/cases/like.md
@@ -41,18 +41,15 @@ export function Danmaku({ danmaku }) {
 
 ## Developing the Toolbar Component
 
-```tsx {14-15}
+```tsx {11-12}
 export function Tool() {
   // Send `like/dislike` request and store the result in the database
   const send = (type: string) => {
-    fetch(
-      'http://abc.com/like',
-      {
-        method: 'POST',
-        body: JSON.stringify({ type }),
-      },
-    );
-  }
+    fetch('http://abc.com/like', {
+      method: 'POST',
+      body: JSON.stringify({ type }),
+    });
+  };
   return (
     <div>
       <button onClick={() => send('good')}>like</button>
diff --git a/docs/zh/cases/like.md b/docs/zh/cases/like.md
index 811bd1e1..6e01c857 100644
--- a/docs/zh/cases/like.md
+++ b/docs/zh/cases/like.md
@@ -40,18 +40,15 @@ export function Danmaku({ danmaku }) {
 
 ## 开发工具栏组件
 
-```tsx {14-15}
+```tsx {11-12}
 export function Tool() {
   // 发送 `点赞/点踩` 的请求，将结果存储在数据库
   const send = (type: string) => {
-    fetch(
-      'http://abc.com/like',
-      {
-        method: 'POST',
-        body: JSON.stringify({ type }),
-      },
-    );
-  }
+    fetch('http://abc.com/like', {
+      method: 'POST',
+      body: JSON.stringify({ type }),
+    });
+  };
   return (
     <div>
       <button onClick={() => send('good')}>点赞</button>