refactor: better translations

Author: nelsonlaidev

apps/web/src/components/filtered-posts.tsx

@@ -30,8 +30,8 @@ const FilteredPosts = (props: FilteredPostsProps) => {
           onChange={(e) => {
             setSearchValue(e.target.value)
           }}
-          placeholder={t('component.filtered-posts.placeholder')}
-          aria-label={t('component.filtered-posts.placeholder')}
+          placeholder={t('components.filtered-posts.placeholder')}
+          aria-label={t('components.filtered-posts.placeholder')}
           className='w-full pl-12'
           id='search'
         />
@@ -40,7 +40,7 @@ const FilteredPosts = (props: FilteredPostsProps) => {
         </Label>
       </div>
       {filteredPosts.length === 0 && (
-        <div className='my-24 text-center text-xl'>{t('component.filtered-posts.no-posts-found')}</div>
+        <div className='my-24 text-center text-xl'>{t('components.filtered-posts.no-posts-found')}</div>
       )}
       <PostCards posts={filteredPosts} />
     </>

apps/web/src/components/go-to-homepage.tsx

@@ -9,7 +9,7 @@ const GoToHomepage = () => {
 
   return (
     <Link href='/' className={buttonVariants()}>
-      {t('component.go-to-homepage')}
+      {t('components.go-to-homepage')}
     </Link>
   )
 }

apps/web/src/components/home/selected-projects.tsx

@@ -62,7 +62,7 @@ const SelectedProjects = (props: SelectedProjectsProps) => {
           duration: 0.3
         }}
       >
-        {t('homepage.selectedProjects.title')}
+        {t('homepage.selected-projects.title')}
       </motion.h2>
       <motion.div
         className='mt-12 grid gap-4 md:grid-cols-2'
@@ -92,7 +92,7 @@ const SelectedProjects = (props: SelectedProjectsProps) => {
             'rounded-xl'
           )}
         >
-          {t('homepage.selectedProjects.more')}
+          {t('homepage.selected-projects.more')}
         </Link>
       </div>
     </motion.div>
@@ -109,7 +109,7 @@ const Card = (props: CardProps) => {
       <div className='flex items-center justify-between p-4'>
         <div className='flex items-center gap-3'>
           <LightbulbIcon className='size-4.5' />
-          <h2>{t('homepage.selectedProjects.card')}</h2>
+          <h2>{t('homepage.selected-projects.card')}</h2>
         </div>
         <ArrowUpRightIcon className='size-4.5 opacity-0 transition-opacity group-hover:opacity-100' />
       </div>

apps/web/src/hooks/use-copy-to-clipboard.ts

@@ -19,7 +19,7 @@ export const useCopyToClipboard = (): [(options: CopyOptions) => Promise<void>,
     try {
       await navigator.clipboard.writeText(text)
       setIsCopied(true)
-      toast.success(successMessage ?? t('hook.copy-to-clipboard.copied'))
+      toast.success(successMessage ?? t('hooks.copy-to-clipboard.copied'))
 
       setTimeout(() => {
         setIsCopied(false)

packages/i18n/src/messages/en.json

@@ -12,7 +12,7 @@
     "display-name": "Display name",
     "edit-name": "Edit name",
     "edit-name-description": "Change your display name. This name will be shown on your profile and comments.",
-    "edit-name-successfully": "Edit name successfully",
+    "edit-name-successfully": "Display name updated successfully",
     "email": "Email",
     "no-active-sessions": "No active sessions",
     "profile": "Profile",
@@ -35,7 +35,7 @@
   },
   "auth": {
     "sign-out-failed": "Sign out failed. Please try again.",
-    "sign-out-successfully": "Sign out successfully"
+    "sign-out-successfully": "Signed out successfully"
   },
   "blog": {
     "comments": {
@@ -131,7 +131,7 @@
     "unknown": "Unknown",
     "views": "{count, plural, =1 {# view} other {# views}}"
   },
-  "component": {
+  "components": {
     "filtered-posts": {
       "no-posts-found": "No posts found",
       "placeholder": "Search articles"
@@ -160,7 +160,7 @@
   },
   "error": {
     "comment-cannot-be-empty": "Comment cannot be empty",
-    "copy-to-clipboard-error": "Unable to copy to clipboard. Please try again!",
+    "copy-to-clipboard-error": "Unable to copy to clipboard. Please try again.",
     "failed-to-fetch-comments-data": "Failed to fetch comments data. Please refresh the page.",
     "failed-to-fetch-users-data": "Failed to fetch users data. Please refresh the page.",
     "failed-to-load": "Failed to load.",
@@ -172,16 +172,16 @@
     "name-cannot-be-empty": "Name cannot be empty",
     "name-too-long": "Name is too long",
     "need-logged-in-to-vote": "You need to be logged in to vote comments",
-    "not-found": "Page Not Found!",
+    "not-found": "Page not found.",
     "now-playing-error": "Failed to fetch Spotify data",
     "reply-cannot-be-empty": "Reply cannot be empty",
     "sign-in-error": "Failed to sign in. Please try again.",
-    "something-went-wrong": "Something went wrong!",
+    "something-went-wrong": "Something went wrong. Please try again.",
     "try-again": "Try again"
   },
   "guestbook": {
-    "create-message-successfully": "Create message successfully",
-    "delete-message-successfully": "Delete message successfully",
+    "create-message-successfully": "Message created successfully",
+    "delete-message-successfully": "Message deleted successfully",
     "description": "Sign my guestbook and share your idea. You can tell me anything here!",
     "no-messages": "No messages. Be the first to leave a message!",
     "pinned": {
@@ -225,21 +225,21 @@
       "more": "See all articles",
       "title": "Latest Articles"
     },
-    "selectedProjects": {
+    "selected-projects": {
       "card": "Project",
-      "more": "See all project",
+      "more": "See all projects",
       "title": "Selected Projects"
     }
   },
-  "hook": {
+  "hooks": {
     "copy-to-clipboard": {
-      "copied": "Copied to clipboard!"
+      "copied": "Copied to clipboard"
     }
   },
   "layout": {
     "change-language": "Change language",
     "now-playing": {
-      "loading": "Loading ...",
+      "loading": "Loading...",
       "not-listening": "Not Listening - Spotify"
     },
     "skip-to-main-content": "Skip to main content",

packages/i18n/src/messages/zh-CN.json

@@ -131,7 +131,7 @@
     "unknown": "未知",
     "views": "{count, plural, =1 {# 浏览次数} other {# 浏览次数}}"
   },
-  "component": {
+  "components": {
     "filtered-posts": {
       "no-posts-found": "没有找到文章",
       "placeholder": "搜寻文章"
@@ -160,7 +160,7 @@
   },
   "error": {
     "comment-cannot-be-empty": "评论不能为空",
-    "copy-to-clipboard-error": "无法复制到剪贴板。请再试一次！",
+    "copy-to-clipboard-error": "无法复制到剪贴板，请再试一次。",
     "failed-to-fetch-comments-data": "无法获取评论数据。请刷新页面。",
     "failed-to-fetch-users-data": "无法获取用户数据。请刷新页面。",
     "failed-to-load": "无法载入。",
@@ -172,11 +172,11 @@
     "name-cannot-be-empty": "名称不能为空",
     "name-too-long": "名称过长",
     "need-logged-in-to-vote": "您必须登入才能投票评论",
-    "not-found": "找不到页面！",
+    "not-found": "找不到页面。",
     "now-playing-error": "无法获取 Spotify 资料",
     "reply-cannot-be-empty": "回复不能为空",
     "sign-in-error": "登入失败。请再试一次。",
-    "something-went-wrong": "出了一些问题！",
+    "something-went-wrong": "发生了一些问题，请再试一次。",
     "try-again": "再试一次"
   },
   "guestbook": {
@@ -225,21 +225,21 @@
       "more": "查看所有文章",
       "title": "最新文章"
     },
-    "selectedProjects": {
+    "selected-projects": {
       "card": "项目",
       "more": "查看所有项目",
       "title": "精选项目"
     }
   },
-  "hook": {
+  "hooks": {
     "copy-to-clipboard": {
-      "copied": "已复制到剪贴板！"
+      "copied": "已复制到剪贴板"
     }
   },
   "layout": {
     "change-language": "更改语言",
     "now-playing": {
-      "loading": "载入中 ...",
+      "loading": "载入中...",
       "not-listening": "未在收听 - Spotify"
     },
     "skip-to-main-content": "跳至主要内容",

packages/i18n/src/messages/zh-TW.json

@@ -131,7 +131,7 @@
     "unknown": "未知",
     "views": "{count, plural, =1 {# 瀏覽次數} other {# 瀏覽次數}}"
   },
-  "component": {
+  "components": {
     "filtered-posts": {
       "no-posts-found": "沒有找到文章",
       "placeholder": "搜尋文章"
@@ -160,7 +160,7 @@
   },
   "error": {
     "comment-cannot-be-empty": "評論不能為空",
-    "copy-to-clipboard-error": "無法複製到剪貼簿。請再試一次！",
+    "copy-to-clipboard-error": "無法複製到剪貼簿，請再試一次。",
     "failed-to-fetch-comments-data": "無法獲取評論資料。請重新整理頁面。",
     "failed-to-fetch-users-data": "無法獲取使用者資料。請重新整理頁面。",
     "failed-to-load": "無法載入。",
@@ -172,11 +172,11 @@
     "name-cannot-be-empty": "名稱不能為空",
     "name-too-long": "名稱過長",
     "need-logged-in-to-vote": "您必須登入才能投票評論",
-    "not-found": "找不到頁面！",
+    "not-found": "找不到頁面。",
     "now-playing-error": "無法獲取 Spotify 資料",
     "reply-cannot-be-empty": "回覆不能為空",
     "sign-in-error": "登入失敗。請再試一次。",
-    "something-went-wrong": "出了一些問題！",
+    "something-went-wrong": "發生了一些問題，請再試一次。",
     "try-again": "再試一次"
   },
   "guestbook": {
@@ -225,21 +225,21 @@
       "more": "查看所有文章",
       "title": "最新文章"
     },
-    "selectedProjects": {
+    "selected-projects": {
       "card": "專案",
       "more": "查看所有專案",
       "title": "精選專案"
     }
   },
-  "hook": {
+  "hooks": {
     "copy-to-clipboard": {
-      "copied": "已複製到剪貼簿！"
+      "copied": "已複製到剪貼簿"
     }
   },
   "layout": {
     "change-language": "更改語言",
     "now-playing": {
-      "loading": "載入中 ...",
+      "loading": "載入中...",
       "not-listening": "未在收聽 - Spotify"
     },
     "skip-to-main-content": "跳至主要內容",