Merge branch 'main' into fix/signin

Author: KukretiShubham

package.json

@@ -60,20 +60,20 @@
 		"@astrojs/svelte": "^5.0.0",
 		"@astrojs/tailwind": "^5.0.0",
 		"@astrojs/vue": "^4.0.0",
-		"@devprotocol/clubs-core": "3.12.10",
+		"@devprotocol/clubs-core": "3.13.2",
 		"@nanostores/vue": "^0.10.0",
 		"@redis/json": "^1.0.4",
 		"@rollup/plugin-typescript": "11.1.6",
 		"@tailwindcss/typography": "^0.5.10",
 		"@types/dompurify": "^3.0.2",
 		"@types/dotenv": "8.2.0",
 		"@types/marked": "^6.0.0",
-		"@types/node": "20.13.0",
+		"@types/node": "20.14.2",
 		"@types/ramda": "0.30.0",
 		"@types/uuid": "^9.0.2",
 		"@typescript-eslint/eslint-plugin": "5.62.0",
 		"@typescript-eslint/parser": "5.62.0",
-		"astro": "4.9.2",
+		"astro": "4.9.3",
 		"dotenv": "16.4.5",
 		"eslint": "8.57.0",
 		"eslint-config-prettier": "9.1.0",
@@ -82,15 +82,15 @@
 		"husky": "9.0.11",
 		"jsdom": "^24.0.0",
 		"nanostores": "^0.10.0",
-		"prettier": "3.3.0",
+		"prettier": "3.3.1",
 		"prettier-plugin-astro": "^0.14.0",
 		"prettier-plugin-svelte": "^3.0.0",
 		"prettier-plugin-tailwindcss": "^0.6.0",
 		"rimraf": "5.0.7",
 		"rollup": "4.18.0",
 		"rollup-plugin-dts": "^6.0.2",
 		"svelte": "^4.2.1",
-		"tailwindcss": "3.4.3",
+		"tailwindcss": "3.4.4",
 		"txtgen": "^3.0.6",
 		"typescript": "5.4.5",
 		"vitest": "^1.2.1",

src/components/Page/Posts/Comment.vue

@@ -6,14 +6,20 @@ import {
 	encode,
 	type ClubsProfile,
 } from '@devprotocol/clubs-core'
-import { ref } from 'vue'
+import { ref, onMounted } from 'vue'
 import Profile from '../../Common/Profile.vue'
 import type { Comment, CommentPrimitives } from '../../../types'
 import IconSend from '../../../assets/images/icon-send.svg'
 import IconTrash from '../../../assets/images/icon-trash.svg'
 import { getSignature, getMessage } from '../../../fixtures/session'
 import DOMPurify from 'dompurify'
 import { marked } from 'marked'
+import { i18nFactory } from '@devprotocol/clubs-core'
+
+import { Strings } from './i18n'
+
+const i18nBase = i18nFactory(Strings)
+let i18n = ref<ReturnType<typeof i18nBase>>(i18nBase(['en']))
 
 type Props = {
 	feedId: string
@@ -201,6 +207,10 @@ const deleteComment = async (commentId: string) => {
 		}
 	}
 }
+
+onMounted(() => {
+	i18n.value = i18nBase(navigator.languages)
+})
 </script>
 
 <template>
@@ -253,7 +263,7 @@ const deleteComment = async (commentId: string) => {
 				class="w-11/12 bg-transparent rounded border border-gray-400 px-2 py-2 text-base text-gray-700 focus:border-indigo-500 focus:outline-none"
 				type="text"
 				v-model="newComment"
-				placeholder="Add your thoughts..."
+				:placeholder="i18n('AddYourThoughts')"
 				:disabled="isCommenting"
 			/>
 			<button

src/components/Page/Posts/i18n/index.ts

@@ -1,6 +1,7 @@
 import type { ClubsI18nParts } from '@devprotocol/clubs-core'
 
 export const Strings = {
+	AddYourThoughts: { en: 'Add your thoughts...', ja: 'コメントを入力' },
 	Post: { en: 'Post', ja: '投稿する' },
 	Title: { en: 'Title', ja: '件名' },
 	WhatsHappening: { en: "What's happening", ja: '本文' },