- added meta to routes.

- deleted canonical in index template, cause this info now in routes meta.

public/index.html

@@ -33,7 +33,6 @@
     <meta name="twitter:creator" content="@eugene_serb" />
     <meta name="twitter:image" content="https://wavelovers.ru/img/og.png" />
 
-    <link rel="canonical" href="https://wavelovers.ru/" />
     <link rel="shortcut icon" type="image/x-icon" href="https://wavelovers.ru/img/favicon.ico" />
     <link rel="apple-touch-icon" sizes="180x180" href="https://wavelovers.ru/img/apple-touch-icon.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="https://wavelovers.ru/img/favicon-32x32.png" />

src/router/index.ts

@@ -8,26 +8,76 @@ const routes: Array<RouteRecordRaw> = [
         path: '/',
         name: 'patterns-view',
         component: PatternsView,
+        meta: {
+            title: 'Wavelovers',
+            metaTags: [],
+            linkTags: [
+                {
+                    rel: 'canonical',
+                    href: 'https://wavelovers.ru/',
+                },
+            ],
+        },
     },
     {
         path: '/custom',
         name: 'custom-view',
         component: () => import('@/views/CustomView.vue'),
+        meta: {
+            title: 'Wavelovers – Custom',
+            metaTags: [],
+            linkTags: [
+                {
+                    rel: 'canonical',
+                    href: 'https://wavelovers.ru/custom',
+                },
+            ],
+        },
     },
     {
         path: '/manual',
         name: 'manual-view',
         component: () => import('@/views/ManualView.vue'),
+        meta: {
+            title: 'Wavelovers – Manual',
+            metaTags: [],
+            linkTags: [
+                {
+                    rel: 'canonical',
+                    href: 'https://wavelovers.ru/manual',
+                },
+            ],
+        },
     },
     {
         path: '/diagnostic',
         name: 'diagnostic-view',
         component: () => import('@/views/DiagnosticView.vue'),
+        meta: {
+            title: 'Wavelovers – Diagnostic',
+            metaTags: [],
+            linkTags: [
+                {
+                    rel: 'canonical',
+                    href: 'https://wavelovers.ru/diagnostic',
+                },
+            ],
+        },
     },
     {
         path: '/404',
         name: '404',
         component: () => import('@/views/NotFoundView.vue'),
+        meta: {
+            title: 'Wavelovers – Page not found',
+            metaTags: [],
+            linkTags: [
+                {
+                    rel: 'canonical',
+                    href: 'https://wavelovers.ru/404',
+                },
+            ],
+        },
     },
     {
         path: '/:catchAll(.*)*',