force update

ymg-team · Sep 6, 2023 · f6218aa · f6218aa
1 parent 96dcd32
commit f6218aa
Show file tree

Hide file tree

Showing 10 changed files with 79 additions and 20 deletions.
diff --git a/components/commons/boxs/BoxVideos/index.vue b/components/commons/boxs/BoxVideos/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>this is cool</div>
+</template>
diff --git a/components/commons/cards/CardPost/index.vue b/components/commons/cards/CardPost/index.vue
@@ -30,13 +30,13 @@
               display: -webkit-box;
               -webkit-line-clamp: 3;
               -webkit-box-orient: vertical;
-              line-height: 1.5;
+              line-height: 1.4;
             "
             class="text-h6 q-mt-sm q-mb-xs"
           >
-            {{ data.title }}
+            <strong> {{ data.title }}</strong>
           </div>
-          <div class="text-caption">
+          <div class="text-caption text-grey-80">
             {{ truncate(stripTags(data.content), 100, "...") }}
           </div>
         </NuxtLink>

diff --git a/components/commons/lists/ListPostsSidebar/index.vue b/components/commons/lists/ListPostsSidebar/index.vue
@@ -21,7 +21,7 @@
       </q-item>
     </q-list>
 
-    <Spinner v-if="!data || !data.status || loading" />
+    <Spinner v-if="!data || !data.status" />
   </div>
 </template>
 <script setup>

diff --git a/components/commons/navigations/GlobalSidebar/index.vue b/components/commons/navigations/GlobalSidebar/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <TitleMedium :title="'Popular Content'" />
+    <TitleMedium :title="'Popular Posts'" />
     <ListPostsPopular :data="popularPostResponse" />
     <div class="q-mb-lg"></div>
     <div class="q-mb-lg"></div>

diff --git a/components/commons/seo/MetaData/index.vue b/components/commons/seo/MetaData/index.vue
@@ -1,7 +1,28 @@
 <template>
   <Head>
-    <Title>{{ data.title }}</Title>
-    <Meta name="description" :content="data.description" />
+    <Title>{{
+      data.title || `${DEFAULT_TITLE} - ${DEFAULT_DESCRIPTION}`
+    }}</Title>
+    <Meta
+      name="description"
+      :content="
+        data.description ||
+        'Tech from engineer perspective, MauCoding by YMG Team.'
+      "
+    />
+    <!-- start open graph -->
+    <Meta
+      property="og:title"
+      :content="data.title || `${DEFAULT_TITLE} - ${DEFAULT_DESCRIPTION}`"
+    />
+    <Meta property="og:type" content="article" />
+    <Meta property="og:url" :content="data.url || 'https://maucoding.com'" />
+    <Meta
+      property="og:image"
+      content="https://ia.media-imdb.com/images/rock.jpg"
+    />
+    <Meta property="og:site_name" content="MauCoding" />
+    <!-- end of open graph -->
   </Head>
 </template>
 
@@ -16,10 +37,7 @@ const props = defineProps({
   data: {
     type: Object,
     default() {
-      return {
-        title: `${DEFAULT_TITLE} - ${DEFAULT_DESCRIPTION}`,
-        description: "Tech from engineer perspective, MauCoding by YMG Team.",
-      };
+      return {};
     },
   },
 });

diff --git a/components/templates/VideoLists/index.vue b/components/templates/VideoLists/index.vue
@@ -0,0 +1,28 @@
+<template>
+  <DefaultLayout>
+    <TitleMedium :title="metaData.title" />
+    <BoxVideos />
+  </DefaultLayout>
+</template>
+
+<script setup>
+const DEFAULT_BREADCRUMB_DATA = [{ to: "/videos", label: "Videos" }];
+
+const metaData = computed({
+  get() {
+    const newBreadcrumbData = [...DEFAULT_BREADCRUMB_DATA];
+    let title = "Videos";
+
+    return {
+      title,
+      breadcrumbData: newBreadcrumbData,
+    };
+  },
+});
+
+// components
+import DefaultLayout from "@components/layouts/default-layout";
+import BoxVideos from "@components/commons/boxs/BoxVideos";
+import TitleMedium from "@components/commons/headings/title-medium";
+import Breadcrumb from "@components/commons/navigations/Breadcrumbs";
+</script>
diff --git a/pages/index.vue b/pages/index.vue
@@ -17,6 +17,9 @@
         />
       </div>
     </div>
+    <br />
+    <TitleMedium :title="'Latest Videos'" />
+    <BoxVideos />
   </DefaultLayout>
 </template>
 
@@ -25,6 +28,7 @@
 import DefaultLayout from "@components/layouts/default-layout";
 import TitleMedium from "@components/commons/headings/title-medium";
 import BoxPosts from "@components/commons/boxs/BoxPosts";
+import BoxVideos from "@components/commons/boxs/BoxVideos";
 
 // consts
 import { DEFAULT_TITLE, DEFAULT_DESCRIPTION } from "@consts/meta";

diff --git a/pages/posts/index.vue b/pages/posts/index.vue
@@ -1,14 +1,7 @@
 <template>
-  <template-post-lists />
+  <TemplatePostList />
 </template>
 
-<script>
+<script setup>
 import TemplatePostList from "@components/templates/PostLists";
-
-export default {
-  name: "page-posts",
-  components: {
-    "template-post-lists": TemplatePostList,
-  },
-};
 </script>
diff --git a/pages/videos/index.vue b/pages/videos/index.vue
@@ -0,0 +1,7 @@
+<template>
+  <TemplateVideoLists />
+</template>
+
+<script setup>
+import TemplateVideoLists from "@components/templates/VideoLists";
+</script>
diff --git a/public/assets/style/style.1.0.0.css b/public/assets/style/style.1.0.0.css
@@ -79,6 +79,12 @@ article a {
     margin: 0 auto;
 }
 
+/* force change google ads */
+.no-ads,
+.google-auto-placed {
+    display: none !important;
+}
+
 /* force change quasar style */
 
 .q-tab__label {