...

brokiem · Jan 14, 2023 · d5b7b3c · d5b7b3c
1 parent 152d29c
commit d5b7b3c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -5,6 +5,7 @@
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <title>Anime Discovery</title>
       <meta name="description" content="Discover your favorite anime with brokiem's Anime Discovery">
+      <meta name="keywords" content="anime, manga, discovery, brokiem, anime discovery, anime discovery brokiem, myanimelist">
 
       <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
       <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
@@ -14,6 +15,8 @@
       <meta name="msapplication-TileColor" content="#da532c">
       <meta name="theme-color" content="#181818">
 
+      <link rel="preconnect" href="https://cdn.myanimelist.net" crossorigin="anonymous"/>
+
       <meta name="google-site-verification" content="avMYpzcNq1BU9InVUzT3RoBfxWCO68LgKJrq7ZWqqbE" />
   </head>
   <body>

diff --git a/src/main.ts b/src/main.ts
@@ -21,12 +21,18 @@ const store = createStore({
     },
     mutations: {
         setLoading(state, payload) {
+            window.document.title = "Anime Discovery";
+
             state.loading = payload;
         },
         setAnime(state, payload) {
             payload.synopsis = payload.synopsis.replaceAll('[Written by MAL Rewrite]', '').replace(/\n+$/, '').replaceAll('\n', '<br>')
 
             state.anime = payload;
+
+            const englishTitle = payload.englishTitle.length > 0 ? `(${payload.englishTitle})` : '';
+            window.document.title = `${payload.title} ${englishTitle} | Anime Discovery`;
+            document.querySelector('meta[name="description"]')?.setAttribute("content", payload.synopsis);
         },
         setHasScrollbar(state, payload) {
             state.hasScrollbar = payload;