add Link component example for easy <a> linking

elsoul · Oct 30, 2024 · cd12e83 · cd12e83
1 parent 0a1abf3
commit cd12e83
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -302,6 +302,28 @@ export function useLocale() {
 }
 ```
 
+```tsx:./components/utils/Link.tsx
+import { useLocale } from '@/hooks/i18n/useLocale.ts'
+import { JSX } from 'preact'
+
+interface LinkProps extends JSX.HTMLAttributes<HTMLAnchorElement> {
+  href: string
+  children: preact.ComponentChildren
+}
+
+export default function Link({ href, children, ...props }: LinkProps) {
+  const locale = useLocale()
+
+  const localizedHref = `/${locale}${href}`
+
+  return (
+    <a href={localizedHref} {...props}>
+      {children}
+    </a>
+  )
+}
+```
+
 ##### Usage
 
 ```tsx

diff --git a/deno.json b/deno.json
@@ -1,6 +1,6 @@
 {
   "name": "@elsoul/fresh-i18n",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "A simple and flexible internationalization (i18n) plugin for Deno's Fresh framework.",
   "runtimes": ["deno", "browser"],
   "exports": "./mod.ts",