feat: add search icon on the home page (#744)

okineadev · serhalp · danielroe · web-flow · commit 4f068e1872b9 · 2026-02-02T16:36:56.000Z
Co-authored-by: Philippe Serhal &lt;philippe.serhal@gmail.com&gt;
Co-authored-by: Daniel Roe &lt;daniel@roe.dev&gt;
diff --git a/app/pages/index.vue b/app/pages/index.vue
@@ -109,6 +109,7 @@ defineOgImageComponent('Default', {
                   type="submit"
                   class="absolute inset-ie-2 px-4 py-2 font-mono text-sm text-bg bg-fg rounded-md transition-[background-color,transform] duration-200 hover:bg-fg/90 active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"
                 >
+                  <span class="i-carbon:search align-middle w-4 h-4" aria-hidden="true"></span>
                   {{ $t('search.button') }}
                 </button>
               </div>

Original file line number	Diff line number	Diff line change
`@@ -109,6 +109,7 @@ defineOgImageComponent('Default', {`
`109`	`109`	`type="submit"`
`110`	`110`	`class="absolute inset-ie-2 px-4 py-2 font-mono text-sm text-bg bg-fg rounded-md transition-[background-color,transform] duration-200 hover:bg-fg/90 active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-fg/50"`
`111`	`111`	`>`
	`112`	`+ <span class="i-carbon:search align-middle w-4 h-4" aria-hidden="true"></span>`
`112`	`113`	`{{ $t('search.button') }}`
`113`	`114`	`</button>`
`114`	`115`	`</div>`