diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 5ef16e7e..e9858e43 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -1,6 +1,5 @@
import { defineConfig } from 'vitepress'
import { resolve } from 'pathe'
-import { templateCompilerOptions } from '@tresjs/core'
const whitelist = [
'TresCanvas',
@@ -12,7 +11,30 @@ const whitelist = [
export default defineConfig({
title: 'Cientos',
description: 'Collection of useful helpers and fully functional, ready-made abstractions for TresJS',
- head: [['link', { rel: 'icon', type: 'image/svg', href: '/favicon.svg' }]],
+ head: [
+ ['link', { rel: 'icon', type: 'image/svg', href: '/favicon.svg' }],
+ ['meta', { name: 'theme-color', content: '#82DBC5' }],
+ ['meta', { name: 'twitter:card', content: 'summary_large_image' }],
+ ['meta', { name: 'twitter:site', content: '@tresjs_dev' }],
+ ['meta', { name: 'twitter:creator', content: '@tresjs_dev' }],
+ ['meta', { property: 'og:type', content: 'website' }],
+ ['meta', { property: 'og:site_name', content: 'Cientos - TresJS' }],
+ [
+ 'meta',
+ {
+ property: 'og:image',
+ content: 'https://repository-images.githubusercontent.com/571314349/10996566-7f70-473b-a8e5-4e56fc0ca850',
+ },
+ ],
+ [
+ 'meta',
+ {
+ property: 'twitter:image',
+ content: 'https://repository-images.githubusercontent.com/571314349/10996566-7f70-473b-a8e5-4e56fc0ca850',
+ },
+ ],
+ ['script', { defer: 'true', 'data-site': 'OWBUVCJK', src: 'https://cdn.usefathom.com/script.js' }],
+ ],
themeConfig: {
logo: '/logo.svg',
search: {
diff --git a/docs/.vitepress/theme/components/DocsDemo.vue b/docs/.vitepress/theme/components/DocsDemo.vue
index e09122a0..7a0a68c9 100644
--- a/docs/.vitepress/theme/components/DocsDemo.vue
+++ b/docs/.vitepress/theme/components/DocsDemo.vue
@@ -1,4 +1,7 @@