chore: clean up

components/BuiltWith.tsx

@@ -4,7 +4,7 @@ import { DevIcon } from './DevIcon'
 import { Link } from './Link'
 
 export function BuiltWith() {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  return (
  <div className="flex items-center space-x-1">

components/Footer.tsx

@@ -2,7 +2,7 @@ import { useTranslation } from 'next-i18next'
 import { BuiltWith } from './BuiltWith'
 
 export function Footer() {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  return (
  <footer>

components/MobileNav.tsx

@@ -4,7 +4,7 @@ import clsx from 'clsx'
 import { useTranslation } from 'next-i18next'
 
 export function MobileNav({ navShow, onToggleNav }) {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
  let className = clsx(
  `sm:hidden fixed w-full h-screen inset-0 bg-gray-200 dark:bg-gray-800 opacity-95 z-50 transition-transform transform ease-in-out duration-300`,
  navShow ? 'translate-x-0' : 'translate-x-full'

components/Pagination.tsx

@@ -5,7 +5,7 @@ import { useTranslation } from 'next-i18next'
 export function Pagination({ totalPages, currentPage }: PaginationType) {
  let hasPrevPage = currentPage - 1 > 0
  let hasNextPage = currentPage + 1 <= totalPages
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  return (
  <div className="space-y-2 pb-8 pt-6 md:space-y-5">

components/PostsSearch.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from 'next-i18next'
 
 export function PostsSearch({ onChange }: { onChange: (value: string) => void }) {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  return (
  <div className="relative max-w-lg">

components/ProfileCard.tsx

@@ -45,7 +45,7 @@ export function ProfileCard() {
  }
  }, [onMouseLeave, onMouseMove])
 
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
  return (
  <div
  className="z-10 mb-8 scale-100 transition-all duration-200 ease-out hover:z-50 xl:mb-0 xl:hover:scale-[1.15]"

components/ProfileInfo.tsx

@@ -3,7 +3,7 @@ import { siteMetadata } from '~/data/siteMetadata'
 import { useTranslation } from 'next-i18next'
 
 export function ProfileCardInfo() {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  return (
  <div className="hidden py-4 xl:block xl:px-6">

components/ProjectCard.tsx

@@ -7,7 +7,7 @@ import { Link } from './Link'
 import { useTranslation } from 'next-i18next'
 
 export function ProjectCard({ project }: ProjectCardProps) {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
  let { title, description, imgSrc, url, repo, builtWith } = project
  let { data } = useSWR(`/api/github?repo=${repo}`, fetcher)
  let repository: GithubRepository = data?.repository

components/ViewCounter.tsx

@@ -17,7 +17,7 @@ export function ViewCounter({ slug, className }: ViewCounterProps) {
  registerView()
  }, [slug])
 
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  return (
  <span className={className}>

components/homepage/BlogLinks.tsx

@@ -4,7 +4,7 @@ import { Twemoji } from '../Twemoji'
 import { useTranslation } from 'next-i18next'
 
 export function BlogLinks() {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  return (
  <div className="flex flex-col space-y-1.5">

components/homepage/FeaturedPosts.tsx

@@ -1,9 +1,9 @@
+import { useTranslation } from 'next-i18next'
+import { Link } from '~/components/Link'
+import { BlogTags } from '~/components/blog/BlogTags'
 import { FEATURED_POSTS } from '~/constant'
 import type { BlogFrontMatter } from '~/types'
 import { formatDate } from '~/utils/date'
-import { BlogTags } from '../blog/BlogTags'
-import { Link } from '../Link'
-import { useTranslation } from 'next-i18next'
 
 export function FeaturedPosts({ posts }: { posts: BlogFrontMatter[] }) {
  const { t, i18n } = useTranslation()

components/homepage/Greeting.tsx

@@ -2,7 +2,7 @@ import { useTranslation } from 'next-i18next'
 import clsx from 'clsx'
 
 export function Greeting() {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  let className = clsx(
  'bg-gradient-to-r from-yellow-600 to-red-600 dark:bg-gradient-to-l dark:from-emerald-500 dark:to-lime-600',

components/homepage/Heading.tsx

@@ -2,7 +2,7 @@ import { useTranslation } from 'next-i18next'
 import { Twemoji } from '~/components/Twemoji'
 
 export function Heading() {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  return (
  <h1 className="text-neutral-900 dark:text-neutral-200">

components/homepage/ShortDescription.tsx

@@ -1,7 +1,7 @@
 import { useTranslation } from 'next-i18next'
 
 export function ShortDescription() {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  return (
  <div className="mb-8 mt-4">

components/homepage/TypedBios.tsx

@@ -6,7 +6,7 @@ import { useTranslation } from 'next-i18next' // Import the hook
 export function TypedBios() {
  let el = React.useRef(null)
  let typed = React.useRef(null)
- const { t } = useTranslation('common') // Use the hook to get the translation function
+ let { t } = useTranslation('common') // Use the hook to get the translation function
 
  React.useEffect(() => {
  typed.current = new Typed(el.current, {

layouts/AuthorLayout.tsx

@@ -5,7 +5,7 @@ import type { AuthorLayoutProps } from '~/types'
 import { useTranslation } from 'next-i18next'
 
 export function AuthorLayout({ children }: AuthorLayoutProps) {
- const { t } = useTranslation('common') // utilitza 'common' si els teus strings estan a common.ts o canvia-ho pel nom adequat
+ let { t } = useTranslation('common') // utilitza 'common' si els teus strings estan a common.ts o canvia-ho pel nom adequat
 
  let title = t('menu_sobremi')
  let description = t('about_description')

layouts/ListLayout.tsx

@@ -17,7 +17,7 @@ export function ListLayout(props: ListLayoutProps) {
  let displayPosts =
  initialDisplayPosts.length > 0 && !searchValue ? initialDisplayPosts : filteredBlogPosts
 
- const { t } = useTranslation('common') // utilitza 'common' si els teus strings estan a common.ts o canvia-ho pel nom adequat
+ let { t } = useTranslation('common') // utilitza 'common' si els teus strings estan a common.ts o canvia-ho pel nom adequat
  return (
  <>
  <div className="divide-y divide-gray-200 dark:divide-gray-700">

layouts/ResumeLayout.tsx

@@ -5,7 +5,7 @@ import stylesResume from './ResumeLayout.module.css'
 import { useTranslation } from 'next-i18next'
 
 export function ResumeLayout({ children, toc }) {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  let description = t('resume_description')
 
@@ -26,8 +26,8 @@ export function ResumeLayout({ children, toc }) {
  <ToC toc={toc} />
  <div
  className={`font-arial text-gray-900 leading-6 space-y-5 prose prose-slate
- md:p-5 md:border-l md:border-gray-300 
- table-auto border-collapse 
+ md:p-5 md:border-l md:border-gray-300
+ table-auto border-collapse
  bg-gray-100 ${stylesResume.customTable}`}
  >
  {children}

pages/404.tsx

@@ -14,7 +14,7 @@ export async function getStaticProps({ locale }) {
 }
 
 export default function FourZeroFour() {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  return (
  <div className="flex flex-col items-center justify-center pt-4 md:pt-10 xl:pt-20">

pages/blog.tsx

@@ -25,7 +25,7 @@ export async function getStaticProps({ locale }) {
 }
 
 export default function Blog({ posts, initialDisplayPosts, pagination }: BlogListProps) {
- const { t } = useTranslation('common') // utilitza 'common' si els teus strings estan a common.ts o canvia-ho pel nom adequat
+ let { t } = useTranslation('common') // utilitza 'common' si els teus strings estan a common.ts o canvia-ho pel nom adequat
  return (
  <>
  <PageSeo

pages/blog/[...slug].tsx

@@ -81,7 +81,7 @@ export async function getStaticProps({
 export default function Blog(props: BlogProps) {
  let { post, ...rest } = props
  let { mdxSource, frontMatter } = post
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  return (
  <>

pages/blog/page/[page].tsx

@@ -60,7 +60,7 @@ export async function getStaticProps({
 
 export default function PostPage(props: BlogListProps) {
  let { posts, initialDisplayPosts, pagination } = props
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
  return (
  <>
  <PageSeo title={t('siteMetadata.title')} description={t('siteMetadata.description')} />

pages/index.tsx

@@ -14,18 +14,16 @@ import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
 
 export async function getStaticProps({ locale }) {
  let posts = getAllFilesFrontMatter(`${locale}/blog`)
-
- // Afegeix la traducció
  return {
  props: {
  posts,
- ...(await serverSideTranslations(locale, ['common'])), // Aquí estem assumint que el nom del teu fitxer de traducció és 'common'
+ ...(await serverSideTranslations(locale, ['common'])),
  },
  }
 }
 
 export default function Home({ posts }) {
- const { t } = useTranslation('common') // utilitza 'common' si els teus strings estan a common.ts o canvia-ho pel nom adequat
+ let { t } = useTranslation('common')
 
  return (
  <>

pages/projects.tsx

@@ -19,7 +19,7 @@ export async function getStaticProps({ locale }) {
 export default function Projects({ projectsData }) {
  let workProjects = projectsData.filter(({ type }) => type === 'work')
  let sideProjects = projectsData.filter(({ type }) => type === 'self')
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
 
  let description = t('projects.projects_description')
 

pages/snippets/index.tsx

@@ -13,7 +13,7 @@ export async function getStaticProps({ locale }: { locale: string }) {
 }
 
 export default function Snippet({ snippets }: { snippets: SnippetFrontMatter[] }) {
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
  let description = t('menu_receptes_2')
  return (
  <>

pages/tags.tsx

@@ -16,7 +16,7 @@ export async function getStaticProps({ locale }) {
 
 export default function Tags({ tags }: { tags: TagsCount }) {
  let sortedTags = Object.keys(tags).sort((a, b) => tags[b] - tags[a])
- const { t } = useTranslation('common')
+ let { t } = useTranslation('common')
  return (
  <>
  <PageSeo title={`Tags - ${t('siteMetadata.author')}`} description={t('blog.intro')} />

pages/tags/[tag].tsx

@@ -56,7 +56,7 @@ export async function getStaticProps({
 }
 
 export default function Tag({ posts, tag }: { posts: BlogFrontMatter[]; tag: string }) {
- const { t } = useTranslation('common') // Mueve esto al principio de tu componente
+ let { t } = useTranslation('common') // Mueve esto al principio de tu componente
 
  // Capitalize first letter and convert space to dash
  if (!tag) {