[TASK] — removed not necessery files and optimize site

package.json

@@ -21,6 +21,8 @@
     "@vuepress/plugin-medium-zoom": "^1.8.2",
     "@vuepress/plugin-pwa": "^1.8.2",
     "lottie-vuejs": "^0.4.0",
+    "vuepress-plugin-robots": "^1.0.1",
+    "vuepress-plugin-sitemap-tranhom": "^1.0.3",
     "vuepress-plugin-smooth-scroll": "^0.0.10"
   },
   "devDependencies": {

src/.vuepress/config.js

@@ -27,9 +27,8 @@ module.exports = {
 			'meta',
 			{ name: 'msapplication-TileImage', content: '/icons/msapplication-icon-144x144.png' },
 		],
+		['meta', { name: 'viewport', content: 'width=device-width, initial-scale=1' }],
 		['meta', { name: 'msapplication-TileColor', content: '#000000' }],
-		['script', { src: 'https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js' }],
-		['script', { src: 'https://cdn.jsdelivr.net/npm/@babel/standalone/babel.min.js' }],
 	],
 	module: {
 		rules: [
@@ -119,6 +118,26 @@ module.exports = {
 				modifiedAt: $page => $page.lastUpdated && new Date($page.lastUpdated),
 			},
 		],
+		[
+			'robots',
+			{
+				host: 'https://doku.design-system.sh',
+				disallowAll: false,
+				allowAll: true,
+				sitemap: '/sitemap.xml',
+				policies: [
+					{
+						userAgent: '*',
+					},
+				],
+			},
+		],
+		[
+			'sitemap',
+			{
+				hostname: 'https://doku.design-system.sh',
+			},
+		],
 	],
 	/**
 	 * Theme configuration, here is the default theme configuration for VuePress.

src/.vuepress/public/manifest.json

@@ -5,6 +5,7 @@
   "start_url": "/",
   "display": "standalone",
   "theme_color": "#003064",
+  "background_color": "#ffffff",
   "icons": [
     {
       "src": "/icons/android-chrome-192x192.png"
@@ -12,6 +13,12 @@
     {
       "src": "/icons/android-chrome-512x512.png",
       "sizes": "512x512"
+    },
+    {
+      "src": "/icons/maskable_icon.png",
+      "sizes": "81x81",
+      "type": "image/png",
+      "purpose": "any maskable"
     }
   ]
 }

src/.vuepress/theme/components/Footer.vue

@@ -4,7 +4,7 @@
       <div class="u-limitWidth-12 u-align-center">
         <div class="SectionFooter-content u-row u-marginTop--r4">
           <div class="SectionFooter-colLeft u-col u-marginBottom--r2">
-            <img class="SectionFooter-logo u-marginBottom--r2" :src="$withBase('/img/itvsh-logo.svg')" alt="ITVSH Kommunale Digitalisierung" />
+            <img class="SectionFooter-logo u-marginBottom--r2" :src="$withBase('/img/itvsh-logo.svg')" alt="ITVSH Kommunale Digitalisierung" width="180" height="68"/>
             <p class="Base-p">
               IT-Verbund Schleswig-Holstein (ITVSH)<br/>
               Reventlouallee 6<br/>
@@ -14,7 +14,7 @@
             </p>
           </div>
           <div class="SectionFooter-colMiddle u-col u-marginBottom--r2">
-            <img class="SectionFooter-logo u-marginBottom--r2" :src="$withBase('/img/sh-logo.svg')" alt="Logo: Schleswig Holstein - Ministerium für Energiewende, Landwirtschaft, Umwelt, Natur und Digitalisierung" />
+            <img class="SectionFooter-logo u-marginBottom--r2" :src="$withBase('/img/sh-logo.svg')" alt="Logo: Schleswig Holstein - Ministerium für Energiewende, Landwirtschaft, Umwelt, Natur und Digitalisierung" width="200" height="92" />
           </div>
           <div class="SectionFooter-colRight u-col u-stack--1 u-marginBottom--r2">
             <div class="Copyrights u-marginBottom--r2">

src/.vuepress/theme/components/Header.vue

@@ -10,6 +10,7 @@
       <div class="SectionHeader-menuSection" id="primarynavigation" aria-label="Primär">
         <a href="/" class="SectionHeader-logoSection" tabindex="-1">
           <img class="SectionHeader-logo SectionHeader-logo--small" :src="$withBase('/img/logo-sm.svg')" alt="ITVSH Design System" width="49" height="40"/>
+          <span class="u-visuallyHidden">ITVSH Design System Dokumentation</span>
         </a>
         <a href="/">
           <p class="Base-h1 u-textTransform--upper">Dokumentation</p>