Правки дизайна и исправления

app.vue

@@ -6,7 +6,7 @@
 
 <script setup lang="ts">
 useHead({
-  titleTemplate: (titleChunk: string) => {
+  titleTemplate: (titleChunk?: string) => {
     return titleChunk ? `${titleChunk} - Aurora Launcher` : "Aurora Launcher";
   },
 });

components/Logo.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="logo">
-    <img class="img-fluid" src="/logo.png" alt="" />
+    <img class="img-fluid" src="/logo.svg" alt="" />
     <span v-if="!hide" class="logo-text">Aurora Launcher</span>
   </div>
 </template>
@@ -18,7 +18,6 @@ defineProps<{
   font-size: 22px
   color: #fff
 img
-  filter: contrast(0) brightness(2)
   height: 50px
   margin-right: 10px
 .logo-text

layouts/default.vue

@@ -10,8 +10,8 @@
 @import 'modern-normalize/modern-normalize.css'
 
 :root
-  --primary: rgb(170, 0, 228)
-  --primary-hover: rgb(122, 0, 166)
+  --primary: rgb(0, 128, 255)
+  --primary-hover: rgb(0, 96, 192)
   --danger: #dc3545
 
 html

nuxt.config.ts

@@ -13,40 +13,30 @@ export default defineNuxtConfig({
             "Лаунчер с удобной кастомизацией дизайна для игровых проектов Minecraft",
         },
         // Icons
-        { name: "msapplication-TileColor", content: "#2d89ef" },
-        {
-          name: "msapplication-config",
-          content: "/favicons/browserconfig.xml",
-        },
-        { name: "theme-color", content: "#ffffff" },
+        { name: "theme-color", content: "#0080FF" },
         { name: "og:image", content: "/logo.png" },
       ],
       link: [
         // Icons
         {
           rel: "apple-touch-icon",
-          sizes: "180x180",
           href: "/favicons/apple-touch-icon.png",
         },
         {
           rel: "icon",
-          type: "image/png",
-          sizes: "32x32",
-          href: "/favicons/favicon-32x32.png",
+          sizes: "any",
+          href: "/favicons/favicon.ico",
         },
         {
           rel: "icon",
-          type: "image/png",
-          sizes: "16x16",
-          href: "/favicons/favicon-16x16.png",
+          type: "image/svg+xml",
+          href: "/favicons/icon.svg",
         },
-        { rel: "manifest", href: "/favicons/site.webmanifest" },
+        { rel: "manifest", href: "/favicons/manifest.webmanifest" },
         {
-          rel: "mask-icon",
-          href: "/favicons/safari-pinned-tab.svg",
-          color: "#5bbad5",
+          rel: "yandex-tableau-widget",
+          href: "/favicons/tableau.json",
         },
-        { rel: "shortcut icon", href: "/favicons/favicon.ico" },
       ],
       // script: [
       //   { src: "https://jocat.ru/js/snow.min.js", tagPosition: "bodyClose" },

pages/download.vue

@@ -18,11 +18,12 @@
         :key="i"
       >
         <div class="info">
-          <span>AuroraLauncher v{{ version.version }}</span>
+          <span>AuroraLauncher {{ version.version }}</span>
           <span class="dash">–</span>
           <span class="date"
             >Дата релиза: {{ new Date(version.date).toLocaleString() }}</span
           >
+          <span v-if="version.dev" class="dev">dev</span>
         </div>
         <div class="links">
           <a
@@ -66,7 +67,6 @@ const { data: versionsData } = await useFetch<VersionsData>(
 
 interface VersionsData {
   stable: string;
-  latest: string;
   dev: string;
   versions: Version[];
 }
@@ -75,8 +75,8 @@ interface Version {
   version: string;
   date: Date;
   note: string;
+  dev: boolean;
   files: Files;
-  _link: string;
 }
 
 interface Files {
@@ -146,4 +146,13 @@ h1 {
 .text-center {
   text-align: center;
 }
+
+.dev {
+  display: inline-block;
+  background-color: var(--danger);
+  color: #fff;
+  padding: 5px 10px;
+  border-radius: 5px;
+  margin-left: 10px;
+}
 </style>

public/favicons/manifest.webmanifest

@@ -0,0 +1,10 @@
+{
+  "icons": [
+    {
+      "src": "/favicons/icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    { "src": "/favicons/icon-512.png", "type": "image/png", "sizes": "512x512" }
+  ]
+}

public/favicons/tableau.json

@@ -0,0 +1,8 @@
+{
+  "version": "1.0",
+  "api_version": 3,
+  "layout": {
+    "logo": "/tableau.png",
+    "color": "#003C8C"
+  }
+}