also doesn't work over useConfig()

vikejs · Aug 8, 2024 · 46e664e · 46e664e
1 parent 456b740
commit 46e664e
Showing 1 changed file with 18 additions and 14 deletions.
diff --git a/examples/full/pages/images/+Page.tsx b/examples/full/pages/images/+Page.tsx
@@ -1,9 +1,9 @@
 export { Page };
 
-import { Head } from "vike-solid/Head";
 import logoOld from "../../assets/logo.svg";
 import logoNew from "../../assets/logo-new.svg";
 import { Counter } from "../../components/Counter";
+import { useConfig } from "vike-solid/useConfig";
 
 function Page() {
   return (
@@ -26,22 +26,26 @@ function Page() {
 }
 
 function Image({ src, author }: { src: string; author: string }) {
+  const config = useConfig();
+
+  config({
+    Head: (
+      <script
+        type="application/ld+json"
+        innerHTML={JSON.stringify({
+          "@context": "https://schema.org/",
+          contentUrl: { src },
+          creator: {
+            "@type": "Person",
+            name: author,
+          },
+        })}
+      ></script>
+    ),
+  });
   return (
     <>
       <img src={src} height={48} style={{ "vertical-align": "middle", "margin-left": "10px" }} />
-      <Head>
-        <script
-          type="application/ld+json"
-          innerHTML={JSON.stringify({
-            "@context": "https://schema.org/",
-            contentUrl: { src },
-            creator: {
-              "@type": "Person",
-              name: author,
-            },
-          })}
-        ></script>
-      </Head>
     </>
   );
 }