diff --git a/components/Presets.tsx b/components/Presets.tsx
index 75682b3..968a1ae 100644
--- a/components/Presets.tsx
+++ b/components/Presets.tsx
@@ -1,16 +1,17 @@
-import { useContext } from "solid-js";
+import { children, type JSX, useContext } from "solid-js";
import { type Features, StoreContext } from "components/Store";
import clsx from "clsx";
function Preset(props: {
title: string;
- description: string;
+ children: JSX.Element;
features: Features[];
class?: string;
titleClass?: string;
disabled?: boolean;
}) {
const { selectPreset } = useContext(StoreContext);
+ const c = children(() => props.children);
return (
);
@@ -36,29 +37,30 @@ export default function Presets() {
title="Plain Vike"
class="hover:outline outline-amber-500 outline-1 outline-offset-2"
titleClass="underline decoration-amber-500"
- description="For trying out Vike, or manually assembling your stack"
features={["framework"]}
- />
+ >
+ For trying out Vike, or{" "}
+ manually assembling your stack
+
+ >
+ If a backend isn't needed, or a backend already exists
+
-
+ >
+ Frontend + Server + Database
+
+
+ E-commerce website powered by Shopify or BigCommerce.
+
);
}