fix

deno.json

@@ -1,6 +1,6 @@
 {
   "name": "@elsoul/fresh-i18n",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "A simple and flexible internationalization (i18n) plugin for Deno's Fresh framework.",
   "runtimes": ["deno", "browser"],
   "exports": "./mod.ts",
@@ -17,7 +17,7 @@
     "@preact/signals": "npm:@preact/[email protected]",
     "@preact/signals-core": "npm:@preact/[email protected]",
     "@std/expect": "jsr:@std/[email protected]",
-    "@std/path": "jsr:@std/[email protected].7"
+    "@std/path": "jsr:@std/[email protected].6"
   },
   "fmt": {
     "options": {

mod.ts

@@ -2,6 +2,6 @@ export { i18nPlugin } from '@/src/i18nPlugin.ts'
 export { useTranslation } from '@/src/useTranslation.ts'
 export { useLocale } from '@/src/useLocale.ts'
 export { usePathname } from '@/src/usePathname.ts'
-export { Link } from '@/src/Link.tsx'
+export { Link } from './src/Link.tsx'
 
 export type { TranslationState } from '@/src/types.ts'

src/Link.tsx

@@ -1,3 +1,4 @@
+import type { h } from 'preact'
 import { currentLocale } from '@/src/store.ts'
 import type { JSX } from 'preact'
 
@@ -17,7 +18,7 @@ type LinkProps = JSX.IntrinsicElements['a'] & {
  * @param props - The properties for the Link component.
  * @returns A link component with the current locale prefixed to the href.
  */
-export function Link({ href, children, ...props }: LinkProps) {
+export function Link({ href, children, ...props }: LinkProps): h.JSX.Element {
   const localizedHref = `/${currentLocale.value}${
     href.startsWith('/') ? href : `/${href}`
   }`

src/i18nPlugin.ts

@@ -1,4 +1,4 @@
-import { join } from 'jsr:@std/path'
+import { join } from '@std/path'
 import { pathname, translationData } from '@/src/store.ts'
 import type { MiddlewareFn } from '@/src/types.ts'
 

src/useLocale.ts

@@ -5,20 +5,17 @@ import { currentLocale } from '@/src/store.ts'
  *
  * @returns An object containing the current locale and a function to change the locale.
  */
-export function useLocale() {
-  /**
-   * Updates the current locale and redirects to the new URL with updated locale in the path.
-   *
-   * @param newLocale - The new locale to set (e.g., 'en', 'ja').
-   */
+export function useLocale(): {
+  locale: string
+  changeLanguage: (newLocale: string) => void
+} {
   const changeLanguage = (newLocale: string) => {
     if (newLocale === currentLocale.value) return
 
     currentLocale.value = newLocale
     const currentPath = globalThis.location.pathname.split('/').filter(Boolean)
     const updatedPath = `/${newLocale}/${currentPath.slice(1).join('/')}`
 
-    // Redirect to the new path with the updated locale
     globalThis.location.href =
       `${globalThis.location.origin}${updatedPath}${globalThis.location.search}`
   }

src/useTranslation.ts

@@ -6,13 +6,9 @@ import { translationData } from '@/src/store.ts'
  * @param namespace - The namespace of translations to retrieve (e.g., 'common', 'company').
  * @returns An object containing a function to fetch translations by key within the given namespace.
  */
-export function useTranslation(namespace: string) {
-  /**
-   * Fetches the translation for a specific key within the namespace.
-   *
-   * @param key - The translation key to retrieve (e.g., 'title', 'welcome').
-   * @returns The translated string, or the key itself if no translation is found.
-   */
+export function useTranslation(
+  namespace: string,
+): { t: (key: string) => string } {
   const translate = (key: string): string => {
     return translationData.value[namespace]?.[key] ?? key
   }