feat: improve back-to-top icon integration

Refactor back-to-top icon import for better performance and maintainability.
This commit is contained in:
ccbikai
2024-08-08 21:44:42 +08:00
parent c1e6e78405
commit d72c03fd34

View File

@@ -4,6 +4,7 @@ import '../assets/style.css'
import '../assets/global.css'
import { SEO } from 'astro-seo'
import { getEnv } from '../lib/env'
import backToTopIcon from '../assets/back-to-top.svg'
const { SITE_URL } = Astro.locals
const { channel } = Astro.props
@@ -42,8 +43,6 @@ const seoParams = {
const HEADER_INJECT = getEnv(import.meta.env, Astro, 'HEADER_INJECT')
const FOOTER_INJECT = getEnv(import.meta.env, Astro, 'FOOTER_INJECT')
const backToTopIcon = 'src/assets/back-to-top.svg'
---
<!doctype html>
@@ -127,7 +126,7 @@ const backToTopIcon = 'src/assets/back-to-top.svg'
</div>
</div>
<a href="#wrapper" id="back-to-top" aria-label="Back to top">
<img src={backToTopIcon} alt="Back to Top" />
<img {...backToTopIcon} alt="Back to Top" />
</a>
<Fragment set:html={FOOTER_INJECT} />
</body>