add redirect and meta

raichev-dima · Jan 18, 2024 · a46d397 · a46d397
1 parent 8aa53d3
commit a46d397
Show file tree

Hide file tree

Showing 5 changed files with 78 additions and 6 deletions.
diff --git a/components/Footer.vue b/components/Footer.vue
@@ -17,10 +17,10 @@
           </div>
           <div class="flex flex-col gap-3 order-2 md:order-3">
             <b>Community</b>
-            <NuxtLink class="hover:underline" to="https://github.com/epicmaxco/vuestic-admin" target="_blank">GitHub</NuxtLink>
-            <NuxtLink class="hover:underline" to="https://discord.gg/invite/u7fQdqQt8c" target="_blank">Discord</NuxtLink>
-            <NuxtLink class="hover:underline" to="https://www.facebook.com/epicmaxco" target="_blank">Facebook</NuxtLink>
-            <NuxtLink class="hover:underline" to="https://twitter.com/epicmaxco" target="_blank">Twitter</NuxtLink>
+            <NuxtLink class="hover:underline w-fit" to="https://github.com/epicmaxco/vuestic-admin" target="_blank">GitHub</NuxtLink>
+            <NuxtLink class="hover:underline w-fit" to="https://discord.gg/invite/u7fQdqQt8c" target="_blank">Discord</NuxtLink>
+            <NuxtLink class="hover:underline w-fit" to="https://www.facebook.com/epicmaxco" target="_blank">Facebook</NuxtLink>
+            <NuxtLink class="hover:underline w-fit" to="https://twitter.com/epicmaxco" target="_blank">Twitter</NuxtLink>
           </div>
           <div class="flex flex-col gap-3 order-4">
             <b>Contact Us</b>

diff --git a/components/HeaderBanner.vue b/components/HeaderBanner.vue
@@ -6,8 +6,8 @@
       </div>
       <div class="flex-1">
         <VaButton 
-          href="https://epicmax.co/?ref=vuestic-header" 
-          target="blank" 
+          to="https://epicmax.co/?ref=vuestic-header" 
+          target="_blank" 
           class="text-regularSmall" 
           size="small" 
           color="#FF0" 

diff --git a/middleware/middleware.global.ts b/middleware/middleware.global.ts
@@ -0,0 +1,5 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  if (to.path !== '/') {
+    return navigateTo('/')
+  }
+})
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -1,4 +1,71 @@
 export default defineNuxtConfig({
+  app: {
+    head: {
+      link: [
+        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+      ],
+
+      title: 'Vuestic Admin — Vue 3 admin template',
+
+      meta: [
+        { charset: 'utf-8' },
+        { name: 'theme-color', content: '#154EC1' },
+        { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' },
+        { name: 'viewport', content: 'width=device-width, initial-scale=1.0, minimum-scale=1.0' },
+        {
+          hid: 'description',
+          name: 'description',
+          content: 'Vuestic Admin is a modern admin template utilizing Vue 3, Vite, Pinia, and Tailwind CSS'
+        },
+        {
+          vmid: 'keywords',
+          name: 'keywords',
+          content: 'vue, vue components, vuestic admin, vuestic, vuestic-ui, component framework'
+        },
+        {
+          vmid: 'og:description',
+          property: "og:description",
+          content: 'Vuestic Admin is a modern admin template utilizing Vue 3, Vite, Pinia, and Tailwind CSS'
+        },
+        {
+          vmid: 'og:image',
+          property: "og:image",
+          content: 'https://raw.githubusercontent.com/epicmaxco/vuestic-ui/develop/.github/assets/vuestic-ui-social.png'
+        },
+        {
+          vmid: 'og:site_name',
+          property: "og:site_name",
+          content: 'Vuestic Admin'
+        },
+        {
+          vmid: 'og:title',
+          property: "og:title",
+          content: 'Vuestic Admin — Vue 3 admin template'
+        },
+        {
+          vmid: 'og:type',
+          property: "og:type",
+          content: 'website'
+        },
+        {
+          vmid: 'twitter:card',
+          property: 'twitter:card',
+          content: 'https://raw.githubusercontent.com/epicmaxco/vuestic-ui/develop/.github/assets/vuestic-ui-social.png'
+        },
+        {
+          vmid: 'twitter:domain',
+          property: 'twitter:domain',
+          content: 'https://admin.vuestic.dev/admin/dashboard'
+        },
+        {
+          vmid: 'twitter:site',
+          property: 'twitter:site',
+          content: 'Vuestic Admin'
+        },
+      ]
+    },
+  },
+
   modules: [
     '@vuestic/nuxt',
     '@nuxtjs/google-fonts'

diff --git a/public/landing/admin/open_source2.png b/public/landing/admin/open_source2.png