+10 -2

.prettierrc

··· 1 { 2 - "plugins": ["prettier-plugin-astro"], 0 0 3 "overrides": [ 4 { 5 "files": "*.astro", 6 "options": { 7 "parser": "astro" 8 } 0 0 0 0 0 0 9 } 10 ] 11 - }

··· 1 { 2 + "plugins": [ 3 + "prettier-plugin-astro" 4 + ], 5 "overrides": [ 6 { 7 "files": "*.astro", 8 "options": { 9 "parser": "astro" 10 } 11 + }, 12 + { 13 + "files": "*.svg", 14 + "options": { 15 + "parser": "html" 16 + } 17 } 18 ] 19 + }

+1 -1

src/assets/hamburger.svg

··· 1 - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu-icon lucide-menu"><path d="M4 12h16"/><path d="M4 18h16"/><path d="M4 6h16"/></svg>

··· 1 + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu-icon lucide-menu"><title><!-- no alt text as used for buttons --></title><path d="M4 12h16"/><path d="M4 18h16"/><path d="M4 6h16"/></svg>

+1 -1

src/assets/x.svg

··· 1 - <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>

··· 1 + <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x-icon lucide-x"><title><!-- no alt text as used for buttons --></title><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>

+5 -3

src/components/generic/Nav.astro

··· 13 const { data, startOpen = false, current } = Astro.props; 14 --- 15 16 - <button popovertarget="nav" popovertargetaction="show"><Hamburger /></button> 0 0 17 <dialog closedby="any" open={startOpen} id="nav" popover> 18 <div class="top"> 19 <h1>{current}</h1> 20 - <button popovertarget="nav" popovertargetaction="hide" 21 - ><X width={32} height={32} /></button 22 > 23 </div> 24 {(<NavEntry {data} />)}

··· 13 const { data, startOpen = false, current } = Astro.props; 14 --- 15 16 + <button popovertarget="nav" popovertargetaction="show" aria-label="Nav Menu"> 17 + <Hamburger role="img" /> 18 + </button> 19 <dialog closedby="any" open={startOpen} id="nav" popover> 20 <div class="top"> 21 <h1>{current}</h1> 22 + <button popovertarget="nav" popovertargetaction="hide" aria-label="close" 23 + ><X width={32} height={32} role="img" /></button 24 > 25 </div> 26 {(<NavEntry {data} />)}