course landing page metadata

src/lib/components/CourseLandingPage/index.svelte

@@ -98,6 +98,16 @@
 
 <svelte:head>
   <title>{get(courseData, 'title', '')}</title>
+  <meta name="description" content={get(courseData, 'description', '')} />
+  <meta name="theme-color" content="#ffffff" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta property="og:title" content={get(courseData, 'title', '')} />
+  <meta property="og:description" content={get(courseData, 'description', '')} />
+  <meta property="og:type" content="website" />
+  <meta property="og:image:type" content="image/png" />
+  <meta property="og:image:width" content="280" />
+  <meta property="og:image:height" content="200" />
+  <meta property="og:image:secure_url" content={get(courseData, 'logo', '')} />
 </svelte:head>
 
 <div class="w-full bg-white dark:bg-black flex flex-col items-center">

src/lib/utils/functions/generateSlug.js

@@ -1,6 +1,7 @@
 function generateSlug(title) {
   return title
     .match(/[^\W\s\d]*/g, '')
+    .filter((v = '') => !!v.trim())
     .join('-')
     .toLowerCase()
     .concat(`-${new Date().getTime()}`);