12 Add configuration for search console authorization meta tags (#17)

d0rich · web-flow · commit fbcc5923f992 · 2023-06-02T19:02:52.000+04:00
* PageMeta as separated component

* Add verification meta tags

* [Fix] add key to iteration

* Fix nested configs
diff --git a/app.config.ts b/app.config.ts
@@ -47,10 +47,14 @@ interface ExactproDocsOptions {
     docsDir: string
   }
   seo?: {
+    robots?: RobotsTxtOptions[]
     sitemap?: {
       baseUrl?: string
     }
-    robots?: RobotsTxtOptions[]
+    verificationMetaTags?: {
+      name: string
+      content: string
+    }[]
   }
 }
 
diff --git a/components/ep/PageMeta.vue b/components/ep/PageMeta.vue
@@ -0,0 +1,38 @@
+<!--
+  ~ Copyright 2023 Exactpro (Exactpro Systems Limited)
+  ~
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at
+  ~
+  ~     http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+
+<script setup lang="ts">
+import { ParsedContent } from '@nuxt/content/dist/runtime/types'
+
+defineProps<{
+  doc: Pick<ParsedContent, string> | null
+}>()
+
+const config = useAppConfig()
+const verificationMetaTags = config.exactproDocs.seo?.verificationMetaTags
+</script>
+
+<template>
+  <Head>
+    <Title>{{ doc ? doc.title : '' }}</Title>
+    <Meta
+      v-for="(verification, index) of verificationMetaTags"
+      :key="index"
+      :name="verification.name"
+      :content="verification.content"
+    />
+  </Head>
+</template>
diff --git a/docs/app.config.ts b/docs/app.config.ts
@@ -17,16 +17,23 @@
 export default defineAppConfig({
   exactproDocs: {
     title: 'Docs Template Project',
-    seo: {
-      sitemap: {
-        baseUrl: 'https://exactpro.github.io/docs-toolkit'
-      },
-      robots: [{ UserAgent: '*' }, { Allow: '/' }]
-    },
     github: {
       repoLink: 'https://github.com/exactpro/docs-toolkit',
       branch: 'master',
       docsDir: '/docs'
+    },
+    seo: {
+      robots: [{ UserAgent: '*' }, { Allow: '/' }],
+      sitemap: {
+        baseUrl: 'https://exactpro.github.io/docs-toolkit'
+      },
+      verificationMetaTags: [
+        // <meta name="google-site-verification" content="PYzR06VK4UIZvGdBkMh_TkqOu83QxapFJknyAR58yJA" />
+        {
+          name: 'google-site-verification',
+          content: 'PYzR06VK4UIZvGdBkMh_TkqOu83QxapFJknyAR58yJA'
+        }
+      ]
     }
   }
 })
diff --git a/pages/[...slug].vue b/pages/[...slug].vue
@@ -15,9 +15,7 @@
   -->
 
 <template>
-  <Head>
-    <Title>{{ doc ? doc.title : '' }}</Title>
-  </Head>
+  <EpPageMeta :doc="doc" />
   <NuxtLayout>
     <div class="px-4 mt-10 mb-96">
       <article class="mb-10">

Original file line number	Diff line number	Diff line change
`@@ -47,10 +47,14 @@ interface ExactproDocsOptions {`
`47`	`47`	`docsDir: string`
`48`	`48`	`}`
`49`	`49`	`seo?: {`
	`50`	`+ robots?: RobotsTxtOptions[]`
`50`	`51`	`sitemap?: {`
`51`	`52`	`baseUrl?: string`
`52`	`53`	`}`
`53`		`- robots?: RobotsTxtOptions[]`
	`54`	`+ verificationMetaTags?: {`
	`55`	`+ name: string`
	`56`	`+ content: string`
	`57`	`+ }[]`
`54`	`58`	`}`
`55`	`59`	`}`
`56`	`60`