Try my other apps

Author: Stigmatoz

src/_locales/de/messages.json

@@ -315,5 +315,12 @@
   "promoClearYoutube": {
     "message": "Möchten Sie Kurzfilme, Kommentare, empfohlene Videos, Abonnements und andere YouTube-Ablenkungen blockieren? Wir haben eine weitere Erweiterung erstellt, mit der Sie YouTube ohne Ablenkung ansehen können.",
     "description": "Install"
+  },
+  "tryMyOtherApps": {
+    "message": "Probieren Sie meine anderen Apps aus"
+  },
+  "clearYoutube": {
+    "message": "Clear YouTube",
+    "description": "Chrome-Erweiterung, die YouTube-Shorts, empfohlene Videos, Kommentare, Feeds, Homepage-Empfehlungen und andere Ablenkungen ausblenden kann. Sieh dir YouTube ohne Ablenkungen an."
   }
 }

src/_locales/en/messages.json

@@ -315,5 +315,12 @@
   "intervalsChart": {
     "message": "Only time intervals greater than",
     "description": "are shown"
+  },
+  "tryMyOtherApps": {
+    "message": "Try my other apps"
+  },
+  "clearYoutube": {
+    "message": "Clear YouTube",
+    "description": "Chrome extension that can hide YouTube shorts, recomended videos, comments, feed, homepage recommendations and other distractions. Watch YouTube free of distractions."
   }
 }

src/_locales/ru/messages.json

@@ -316,5 +316,12 @@
   "intervalsChart": {
     "message": "Отображаются только временные интервалы, превышающие",
     "description": ""
+  },
+  "tryMyOtherApps": {
+    "message": "Попробуйте другие мои приложения"
+  },
+  "clearYoutube": {
+    "message": "Clear YouTube",
+    "description": "Расширение для Chrome, которое может скрывать шортс YouTube, рекомендуемые видео, комментарии, ленту новостей, рекомендации по домашней странице и другие отвлекающие факторы. Смотрите YouTube без отвлекающих факторов."
   }
 }

src/_locales/zh_CN/messages.json

@@ -315,5 +315,12 @@
   "promoClearYoutube": {
     "message": "您想屏蔽短片、评论、推荐视频、订阅和其他 YouTube 干扰内容吗？ 我们创建了另一个扩展程序，可帮助您不受干扰地观看 YouTube",
     "description": "安装"
+  },
+  "tryMyOtherApps": {
+    "message": "试试我的其他应用程序"
+  },
+  "clearYoutube": {
+    "message": "Clear YouTube",
+    "description": "Chrome扩展程序，可以隐藏YouTube短片，推荐视频，评论，feed，主页推荐和其他分心。 观看YouTube免费分心。"
   }
 }

src/assets/icons/clear-youtube-logo.svg

@@ -22,6 +22,7 @@
       <a :href="CHROME_STORE_REVIEW_URL" target="_blank">{{ t('review.message') }}</a></label
     >
   </div>
+  <MyApps />
 </template>
 
 <script lang="ts">
@@ -31,6 +32,7 @@ export default {
 </script>
 
 <script lang="ts" setup>
+import MyApps from './MyApps.vue';
 import { useI18n } from 'vue-i18n';
 import { CHROME_STORE_SUPPORT_URL, CHROME_STORE_REVIEW_URL } from '../utils/chrome-url';
 const { t } = useI18n();

src/components/About.vue

@@ -0,0 +1,72 @@
+<template>
+  <div class="main">
+    <p class="header">{{ t('tryMyOtherApps.message') }}</p>
+    <div class="app-block" @click="openAppLink(App.ClearYoutube)">
+      <img src="../assets/icons/clear-youtube-logo.svg" height="45" />
+      <div>
+        <p class="title">{{ t('clearYoutube.message') }}</p>
+        <p class="description">
+          {{ t('clearYoutube.description') }}
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'MyApps',
+};
+</script>
+
+<script lang="ts" setup>
+import { useI18n } from 'vue-i18n';
+import { CHROME_STORE_CLEAR_YOUTUBE_URL } from '../utils/chrome-url';
+const { t } = useI18n();
+
+enum App {
+  ClearYoutube,
+  TrackerJam,
+}
+
+function openAppLink(app: App) {
+  switch (app) {
+    case App.ClearYoutube:
+      window.open(CHROME_STORE_CLEAR_YOUTUBE_URL, '_blank');
+  }
+}
+</script>
+
+<style scoped>
+.main {
+  margin-top: 50px;
+}
+.header {
+  font-size: 16px;
+  font-weight: 500;
+  text-transform: uppercase;
+}
+.app-block {
+  margin: 20px 0;
+  padding: 10px 20px;
+  font-size: 14px;
+  background-color: #efefef;
+  border-radius: 10px;
+  min-width: 655px;
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+  cursor: pointer;
+}
+.title {
+  font-weight: 500;
+  font-size: 15px;
+}
+.description {
+  margin-top: 10px;
+  font-size: 14px;
+}
+img {
+  margin: auto;
+}
+</style>