chore(seo): updated the title for diff view

Author: technikhil314

pages/v2/diff.vue

@@ -6,16 +6,40 @@
     <main class="outline-none" tabindex="0">
       <DiffActionBar :diff-navigator="diffNavigator" />
       <section
-        class="flex flex-wrap items-stretch w-full gap-4 font-mono text-gray-800  dark:text-gray-50"
+        class="
+          flex flex-wrap
+          items-stretch
+          w-full
+          gap-4
+          font-mono
+          text-gray-800
+          dark:text-gray-50
+        "
       >
         <div class="flex w-full gap-4 space-around">
           <p
-            class="flex-grow-0 flex-shrink-0 w-1/2 text-lg font-bold text-center capitalize break-all "
+            class="
+              flex-grow-0 flex-shrink-0
+              w-1/2
+              text-lg
+              font-bold
+              text-center
+              capitalize
+              break-all
+            "
           >
             <span class="inline-block w-4/5">{{ lhsLabel }}</span>
           </p>
           <p
-            class="flex-grow-0 flex-shrink-0 w-1/2 text-lg font-bold text-center capitalize break-all "
+            class="
+              flex-grow-0 flex-shrink-0
+              w-1/2
+              text-lg
+              font-bold
+              text-center
+              capitalize
+              break-all
+            "
           >
             <span class="inline-block w-4/5">{{ rhsLabel }}</span>
           </p>
@@ -30,8 +54,8 @@
 </template>
 
 <script lang="ts">
-import pako from 'pako'
 import loader from '@monaco-editor/loader'
+import pako from 'pako'
 import Vue from 'vue'
 import {
   getMonacoEditorDefaultOptions,
@@ -53,6 +77,11 @@ export default Vue.extend({
       diffNavigator: {},
     }
   },
+  head() {
+    return {
+      title: 'Diff Viewer - Diff view',
+    }
+  },
   computed: {
     onThemeChange() {
       const theme = this.$store.state.theme.darkMode ? 'vs-dark' : 'light'

pages/v2/index.vue

@@ -1,4 +1,3 @@
-n
 <template>
   <div class="page-contents">
     <Navbar />
@@ -57,7 +56,23 @@ n
         <div class="self-end flex-grow-0 w-full mt-4 text-center">
           <button
             id="submitButton"
-            class="inline-flex items-center justify-center w-48 px-4 py-2 transition-transform transform bg-blue-600 rounded-md shadow-lg outline-none  text-gray-50 focus:ring-4 active:scale-y-75"
+            class="
+              inline-flex
+              items-center
+              justify-center
+              w-48
+              px-4
+              py-2
+              transition-transform
+              transform
+              bg-blue-600
+              rounded-md
+              shadow-lg
+              outline-none
+              text-gray-50
+              focus:ring-4
+              active:scale-y-75
+            "
             aria-label="Click here to compare the inputted text blocks"
           >
             Compare