Move the OGPreview to SEOTricks since that's more what it is now.

client/components/HeadOnce.svelte

@@ -3,7 +3,7 @@
    * All it does is put its contents into a <svelte:head> so that when you
    * change pages in svelte-route-spa they're updated like you expect for
    * each page.  The alternative is to move the <meta>/<link> tags into
-   * a custom component, which I do on the OGPreview.svelte.
+   * a custom component, which I do on the SEOTricks.svelte.
    */
 <svelte:head>
   <slot>

rendered/pages/blog/[slug]/index.svelte

@@ -1,6 +1,6 @@
 <script context="module">
   import markdown from "$/lib/blog.js";
-  import OGPreview from "$/client/components/OGPreview.svelte";
+  import SEOTricks from "$/client/components/SEOTricks.svelte";
   import Markdown from "$/client/components/Markdown.svelte";
 
   export const getPaths = () => {
@@ -44,7 +44,7 @@
   }
 </script>
 
-<OGPreview og={ og } twitter={ twitter } />
+<SEOTricks og={ og } twitter={ twitter } />
 
 <style>
   content {

rendered/pages/live/[slug]/index.svelte

@@ -13,7 +13,7 @@
 </script>
 
 <script>
-  import OGPreview from "$/client/components/OGPreview.svelte";
+  import SEOTricks from "$/client/components/SEOTricks.svelte";
   import { base_host, twitter_user } from "$/client/config.js";
   import HLSVideo from "$/client/components/HLSVideo.svelte";
   import WTVideo from "$/client/components/WTVideo.svelte";
@@ -56,7 +56,7 @@
   }
 </script>
 
-<OGPreview og={ og } twitter={ twitter } />
+<SEOTricks og={ og } twitter={ twitter } />
 
 <style>
   container {
@@ -152,8 +152,8 @@
               <span>{ stream.title }</span>
             </middle>
             <right>
-            <Hydrate component={ ShareButton } props={ 
-               { url: `/live/${stream.slug}` } 
+            <Hydrate component={ ShareButton } props={
+               { url: `/live/${stream.slug}` }
              } />
             </right>
           </tile>

rendered/pages/test_large_card.svelte

@@ -1,6 +1,6 @@
 <script>
   import Layout from "$/rendered/Layout.svelte";
-  import OGPreview from "$/client/components/OGPreview.svelte";
+  import SEOTricks from "$/client/components/SEOTricks.svelte";
   import { og_base_host } from "$/client/config.js";
 
   let og = {
@@ -34,7 +34,7 @@
 
 </style>
 
-<OGPreview og={ og } twitter={ twitter} />
+<SEOTricks og={ og } twitter={ twitter} />
 
 <Layout centered={ true }>
   <card>

rendered/pages/test_og_card.svelte

@@ -1,6 +1,6 @@
 <script>
   import Layout from "$/rendered/Layout.svelte";
-  import OGPreview from "$/client/components/OGPreview.svelte";
+  import SEOTricks from "$/client/components/SEOTricks.svelte";
   import { og_base_host } from "$/client/config.js";
 
   let og = {
@@ -34,7 +34,7 @@
 
 </style>
 
-<OGPreview og={ og } twitter={ twitter} />
+<SEOTricks og={ og } twitter={ twitter} />
 
 <Layout centered={ true }>
   <card>

rendered/pages/test_video_card.svelte

@@ -1,6 +1,6 @@
 <script>
   import Layout from "$/rendered/Layout.svelte";
-  import OGPreview from "$/client/components/OGPreview.svelte";
+  import SEOTricks from "$/client/components/SEOTricks.svelte";
   import { Hydrate } from '@jamcart/7ty/components';
   import config from "$/client/config.js";
   import Video from "$/client/components/Video.svelte";
@@ -30,7 +30,7 @@
     "image:alt": "A drawing of Zed by Zed.", // max 420 chars image alt
     "site": config.twitter_user, // @username of site
     "title": og.title,
-    "player": `${ og_base_host }/video_container.html`,
+    "player": `${ config.og_base_host }/video_container.html`,
     "player:width": "1280",
     "player:height": "720"
   }
@@ -48,7 +48,7 @@
 
 </style>
 
-<OGPreview og={ og } twitter={ twitter} />
+<SEOTricks og={ og } twitter={ twitter} />
 
 <Layout centered={ true }>
   <card>