Merge branch 'main' into use-solidbase-package-syntax

Author: LadyBluenotes

app.config.ts

@@ -76,6 +76,7 @@ export default defineConfig(
 							cursorColor: "var(--twoslash-cursor)",
 						},
 					},
+					twoSlash: false,
 				},
 				toc: {
 					minDepth: 2,

src/ui/layout/hero.tsx

@@ -1,7 +1,7 @@
 import { Component, Index, Match, Switch, createMemo } from "solid-js";
 import { ButtonLink } from "../button-link";
 import { snippetLines } from "./hero-code-snippet";
-import { useLocation, useMatch } from "@solidjs/router";
+import { useMatch } from "@solidjs/router";
 import { useI18n } from "~/i18n/i18n-context";
 import RenderedCode from "./hero-code-snippet";
 
@@ -16,21 +16,25 @@ const TrafficLightsIcon: Component<{ class: string }> = (props) => {
 };
 
 export const Hero: Component = () => {
-	const location = useLocation();
 	const isStart = useMatch(() => "/solid-start/*");
 	const isRouter = useMatch(() => "/solid-router/*");
 	const isMeta = useMatch(() => "/solid-meta/*");
 
 	const buttonHref = createMemo(() => {
-		if (location.pathname === "/solid-start")
+		if (isStart()) {
 			return "solid-start/getting-started";
-		if (location.pathname === "/solid-router")
+		}
+		if (isRouter()) {
 			return "solid-router/getting-started/installation-and-setup";
-		if (location.pathname === "/solid-meta")
+		}
+		if (isMeta()) {
 			return "solid-meta/getting-started/installation-and-setup";
+		}
 		return "/quick-start";
 	});
+
 	const i18n = useI18n();
+
 	return (
 		<div class="overflow-hidden bg-sky-100/80 border border-sky-200  dark:border-none dark:bg-slate-900 mb-10 ">
 			<div class="py-10 sm:px-2 lg:relative">