Merge pull request #128 from barrel/bugfix/vite-branding

Bugfix/vite branding

docs/.vitepress/config.ts

@@ -30,12 +30,12 @@ export default defineConfig({
     ['link', { rel: 'icon', type: 'image/svg+xml', href: '/favicon.svg' }],
     ['meta', { property: 'og:type', content: 'website' }],
     ['meta', { property: 'og:title', content: 'Shopify Vite Plugin' }],
-    ['meta', { property: 'og:image', content: 'https://shopify-vite.netlify.app/og-image.png' }],
+    ['meta', { property: 'og:image', content: 'https://shopify-vite.netlify.app/og-image.jpg' }],
     ['meta', { property: 'og:url', content: 'https://shopify-vite.netlify.app/' }],
     ['meta', { property: 'og:description', content: 'Vite integration for Shopify themes by Barrel' }],
     ['meta', { name: 'twitter:card', content: 'summary_large_image' }],
     ['meta', { name: 'twitter:site', content: '@barrelny' }],
-    ['meta', { name: 'theme-color', content: '#646cff' }]
+    ['meta', { name: 'theme-color', content: '#000000' }]
   ],
 
   themeConfig: {

docs/.vitepress/theme/components/AboutBarrel.vue

@@ -55,6 +55,7 @@
 .about-barrel__content a {
   text-decoration: underline;
   text-underline-offset: 2px;
+  transition: color 0.2s;
 }
 
 .about-barrel__content a:hover {

docs/.vitepress/theme/components/Footer.vue

@@ -32,7 +32,7 @@ const socialLinks = data.site.value?.themeConfig?.socialLinks || [];
         <ul class="footer-social__list">
           <template v-for="item in socialLinks">
             <li class="footer-social__item">
-              <a href="{{ item.link }}" target="_blank">
+              <a :href="item.link" target="_blank">
                 <img :src="`/${item.icon}.svg`" :alt="item.icon" />
               </a>
             </li>
@@ -71,6 +71,7 @@ const socialLinks = data.site.value?.themeConfig?.socialLinks || [];
   font-size: 27px;
   line-height: 1.45;
   letter-spacing: -0.04em;
+  transition: color 0.2s;
 }
 
 .footer-nav__link:hover {
@@ -84,6 +85,7 @@ const socialLinks = data.site.value?.themeConfig?.socialLinks || [];
 
 .footer__copyright a {
   text-decoration: underline;
+  transition: color 0.2s;
 }
 
 .footer__copyright a:hover {