fix(spa): repair client-side router and polish default theme

packages/bunpress/src/templates/sidebar.stxmodified+22-0

Changes to packages/bunpress/src/templates/sidebar.stx

		@@ -1,9 +1,31 @@
	1	+<div class="VPSidebar-backdrop" onclick="toggleSidebar(false)"></div>
1	2	<nav class="VPSidebar">
2	3	<div class="sidebar-content">
3	4	{!! sections !!}
4	5	</div>
5	6	</nav>
6	7
	8	+<script>
	9	+function toggleSidebar(forceState) {
	10	+ var sb = document.querySelector('.VPSidebar');
	11	+ var bd = document.querySelector('.VPSidebar-backdrop');
	12	+ if (!sb) return;
	13	+ var nextOpen = typeof forceState === 'boolean' ? forceState : !sb.classList.contains('is-open');
	14	+ sb.classList.toggle('is-open', nextOpen);
	15	+ if (bd) bd.classList.toggle('is-open', nextOpen);
	16	+ document.body.style.overflow = nextOpen ? 'hidden' : '';
	17	+}
	18	+if (!window.__bpSidebarBound) {
	19	+ window.__bpSidebarBound = true;
	20	+ // Close drawer when the user clicks a sidebar link on mobile
	21	+ document.addEventListener('click', function(e) {
	22	+ if (window.matchMedia('(min-width: 960px)').matches) return;
	23	+ var a = e.target.closest('.VPSidebar a');
	24	+ if (a) toggleSidebar(false);
	25	+ });
	26	+}
	27	+</script>
	28	+
7	29	<style>
8	30	.VPSidebar {
9	31	position: fixed;