update breadcrumb

exampleSite/i18n/en.yaml

@@ -1,3 +1,6 @@
+- id: home
+  translation: Home
+
 - id: read_more
   translation: Read More
 
@@ -23,10 +26,10 @@
   translation: Back To Home
 
 - id: search_input_placeholder
-  translation: Search Post ..
+  translation: Search Post ...
 
 - id: no_results_for
   translation: No results for
 
 - id: empty_search_results_placeholder
-  translation: Type something to search..
+  translation: Type something to search..

layouts/partials/components/breadcrumb.html

@@ -1,9 +1,18 @@
-{{ $url := replace .Permalink ( printf "%s" .Site.BaseURL) "" }}
-{{ $lang := .Lang | urlize }}
-{{ $.Scratch.Add "path" .Site.BaseURL }}
-<ul class="breadcrumb mt-6 inline-flex">
+{{ $context := .Context }}
+{{ $class := .Class }}
+{{ $base := site.BaseURL }}
+{{ $url := replace $context.Permalink ( printf "%s" $base) "" }}
+{{ $lang := $context.Lang }}
+{{ $.Scratch.Add "path" $base }}
+
+
+<ul class="{{ $class }} inline-flex">
   <li class="mx-1 capitalize">
-    <a class="text-primary dark:text-darkmode-primary" href="/">Home</a>
+    <a
+      class="text-primary dark:text-darkmode-primary"
+      href="{{ $base | relLangURL }}">
+      {{ i18n "home" | default "Home" }}
+    </a>
   </li>
   {{ range $index, $element := split $url "/" }}
     {{ if ne $element $lang }}

layouts/partials/page-header.html

@@ -3,7 +3,7 @@
     <div
       class="from-body to-theme-light dark:from-darkmode-body dark:to-darkmode-theme-light rounded-2xl bg-gradient-to-b px-8 py-14">
       <h1>{{ .Title | title }}</h1>
-      {{ partial "components/breadcrumb" . }}
+      {{ partial "components/breadcrumb" (dict "Context" . "Class" "mt-6") }}
     </div>
   </div>
 </section>