zwischenstand

frontend/src/lib/components/pagebuilder/SEO/Index.svelte

@@ -25,7 +25,7 @@
     if (title) pageTitle = `${title} - ${websiteName}`
     else pageTitle = `${websiteName}`
 
-    const openGraphProps = {
+    const openGraphProps ={
         article,
         datePublished: createdAt,
         lastUpdated: updatedAt,
@@ -33,7 +33,7 @@
         pageTitle,
         product,
     }
-    const schemaOrgProps = {
+    const schemaOrgProps ={
         createdAt,
         updatedAt,
         article,
@@ -50,17 +50,17 @@
 
     <meta
         name="description"
-        content="{metaDescription}"
+        content={metaDescription}
     />
 
     <meta
         name="keywords"
-        content="{keywords}"
+        content={keywords}
     />
 
     <meta
         property="og:site_name"
-        content="{websiteName}"
+        content={websiteName}
     />
 
     {#if noIndex || active === false}
@@ -77,7 +77,7 @@
 </svelte:head>
 
 {#if product}
-    <Product product="{product}" />
+    <Product product={product} />
 {/if}
 <OpenGraph {...openGraphProps} />
 

frontend/src/lib/components/pagebuilder/SEO/OpenGraph.svelte

@@ -12,40 +12,40 @@
 <svelte:head>
     <meta
         property="og:locale"
-        content="{'de_DE'}"
+        content={'de_DE'}
     />
     <meta
         property="og:url"
-        content="{$location.url}"
+        content={$location.url}
     />
     <meta
         property="og:type"
-        content="{article ? 'article' : 'website'}"
+        content={article ? 'article' : 'website'}
     />
     <meta
         property="og:title"
-        content="{pageTitle}"
+        content={pageTitle}
     />
     <meta
         property="og:description"
-        content="{metaDescription}"
+        content={metaDescription}
     />
     {#if product}
         <meta
             property="og:image"
-            content="{product.featuredImage?.url}"
+            content={product.featuredImage?.url}
         />
         <meta
             property="og:image:width"
-            content="{String(product.featuredImage?.width)}"
+            content={String(product.featuredImage?.width)}
         />
         <meta
             property="og:image:height"
-            content="{String(product.featuredImage?.height)}"
+            content={String(product.featuredImage?.height)}
         />
         <meta
             property="og:image:alt"
-            content="{product.title}"
+            content={product.title}
         />
         <!-- Twitter Card Tags for Product -->
         <meta
@@ -54,24 +54,24 @@
         />
         <meta
             name="twitter:title"
-            content="{pageTitle}"
+            content={pageTitle}
         />
         <meta
             name="twitter:description"
-            content="{metaDescription}"
+            content={metaDescription}
         />
         <meta
             name="twitter:image"
-            content="{product.featuredImage?.url}"
+            content={product.featuredImage?.url}
         />
         <meta
             name="twitter:image:alt"
-            content="{product.title}"
+            content={product.title}
         />
     {:else}
         <meta
             property="og:image"
-            content="{baseURL}/api/_/assets/logo/logo-blue.svg"
+            content={baseURL}/api/_/assets/logo/logo-blue.svg"
         />
         <meta
             property="og:image:width"
@@ -93,15 +93,15 @@
         />
         <meta
             name="twitter:title"
-            content="{pageTitle}"
+            content={pageTitle}
         />
         <meta
             name="twitter:description"
-            content="{metaDescription}"
+            content={metaDescription}
         />
         <meta
             name="twitter:image"
-            content="{baseURL}/api/_/assets/logo/logo-blue.svg"
+            content={baseURL}/api/_/assets/logo/logo-blue.svg"
         />
         <meta
             name="twitter:image:alt"
@@ -112,19 +112,19 @@
     {#if article}
         <meta
             property="article:publisher"
-            content="{companyName}"
+            content={companyName}
         />
         <meta
             property="article:author"
-            content="{companyName}"
+            content={companyName}
         />
         <meta
             property="article:published_time"
-            content="{datePublished?.toISOString()}"
+            content={datePublished?.toISOString()}
         />
         <meta
             property="article:modified_time"
-            content="{lastUpdated?.toISOString()}"
+            content={lastUpdated?.toISOString()}
         />
     {/if}
 </svelte:head>

frontend/src/lib/components/pagebuilder/SEO/Product.svelte

@@ -4,13 +4,13 @@
 </script>
 
 <svelte:head>
-    <link rel="canonical" href="{$location.url}" />
+    <link rel="canonical" href={$location.url} />
 
     <meta property="product:brand" content="BinKrassDuFass" />
 
-    <meta property="product:name" content="{product.title}" />
+    <meta property="product:name" content={product.title} />
 
-    <meta property="product:price:amount" content="{String(product.priceRange.minVariantPrice.amount)}" />
+    <meta property="product:price:amount" content={String(product.priceRange.minVariantPrice.amount)} />
 
-    <meta property="product:price:currency" content="{product.priceRange.minVariantPrice.currencyCode}" />
+    <meta property="product:price:currency" content={product.priceRange.minVariantPrice.currencyCode} />
 </svelte:head>

frontend/src/lib/components/pagebuilder/SEO/SchemaORG.svelte

@@ -35,7 +35,7 @@
         day: "2-digit",
     })
 
-    const defaultProps = {
+    const defaultProps ={
         author: {
             "@id": `${baseURL}/#company`,
         },
@@ -53,7 +53,7 @@
         },
     }
 
-    const schemaOrgEntity = {
+    const schemaOrgEntity ={
         "@type": ["Store", "Organization"],
         "@id": `${baseURL}/#company`,
         name: websiteName,
@@ -97,7 +97,7 @@
         sameAs: [Object.values(socialIcons)],
     }
 
-    const schemaOrgWebsite = {
+    const schemaOrgWebsite ={
         "@type": "WebSite",
         "@id": `${baseURL}/#website`,
         url: baseURL,
@@ -106,7 +106,7 @@
         ...defaultProps,
     }
 
-    const schemaOrgWebPage = {
+    const schemaOrgWebPage ={
         "@type": "WebPage",
         "@id": `${$location.url}#webpage`,
         url: $location.url,
@@ -124,7 +124,7 @@
 
     let schemaOrgArticle = null
     if (article || blog) {
-        schemaOrgArticle = {
+        schemaOrgArticle ={
             "@type": "Article",
             "@id": `${$location.url}#article`,
             headline: title,
@@ -136,7 +136,7 @@
 
     let schemaOrgBlog = null
     if (blog) {
-        schemaOrgBlog = {
+        schemaOrgBlog ={
             "@type": "BlogPosting",
             "@id": `${$location.url}#blog`,
             headline: title,
@@ -147,7 +147,7 @@
 
     let schemaOrgFAQ = null
     if (FAQ) {
-        schemaOrgFAQ = {
+        schemaOrgFAQ ={
             "@type": "FAQPage",
             "@id": `${$location.url}#faq`,
             ...defaultProps,
@@ -164,7 +164,7 @@
 
     let schemaOrgProduct = null
     if (product)
-        schemaOrgProduct = {
+        schemaOrgProduct ={
             "@context": "http://schema.org/",
             "@type": "Product",
             "@id": `${$location.url}/#product`,
@@ -207,7 +207,7 @@
         schemaOrgArticle,
         schemaOrgBlog,
     ].filter(Boolean)
-    const schemaOrgObject = {
+    const schemaOrgObject ={
         "@context": "https://schema.org",
         "@graph": schemaOrgArray,
     }