feat: add a magnifying glass icon to the "search" button on the home page

okineadev · okineadev · commit 992181098b9e · 2026-02-02T13:59:06.000Z
diff --git a/app/pages/index.vue b/app/pages/index.vue
@@ -97,6 +97,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"></span>
                   {{ $t('search.button') }}
                 </button>
               </div>

Original file line number	Diff line number	Diff line change
`@@ -97,6 +97,7 @@ defineOgImageComponent('Default', {`
`97`	`97`	`type="submit"`
`98`	`98`	`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"`
`99`	`99`	`>`
	`100`	`+ <span class="i-carbon:search align-middle"></span>`
`100`	`101`	`{{ $t('search.button') }}`
`101`	`102`	`</button>`
`102`	`103`	`</div>`