diff --git a/demo/.vitepress/config.ts b/demo/.vitepress/config.ts index 7518d50..861657c 100644 --- a/demo/.vitepress/config.ts +++ b/demo/.vitepress/config.ts @@ -48,7 +48,8 @@ export default defineConfigWithTheme({ socialLinks: [ { icon: 'github', link: 'https://github.com/vuejs/vue' }, { icon: 'x', link: 'https://twitter.com/vuejs' }, - { icon: 'discord', link: 'https://discord.com/invite/HBherRA' } + { icon: 'discord', link: 'https://discord.com/invite/HBherRA' }, + { icon: 'bluesky', link: 'https://bsky.app/profile/vuejs.org' } ], nav: [ diff --git a/src/core/components/VTSocialLink.vue b/src/core/components/VTSocialLink.vue index 522deb6..e7457c1 100644 --- a/src/core/components/VTSocialLink.vue +++ b/src/core/components/VTSocialLink.vue @@ -6,6 +6,7 @@ import VTIconGitHub from './icons/VTIconGitHub.vue' import VTIconLinkedIn from './icons/VTIconLinkedIn.vue' import VTIconSlack from './icons/VTIconSlack.vue' import VTIconX from './icons/VTIconX.vue' +import VTIconBluesky from './icons/VTIconBluesky.vue' import VTIconLanguages from './icons/VTIconLanguages.vue' const props = defineProps<{ @@ -24,6 +25,7 @@ const icons = { slack: VTIconSlack, twitter: VTIconX, x: VTIconX, + bluesky: VTIconBluesky, languages: VTIconLanguages } diff --git a/src/core/components/icons/VTIconBluesky.vue b/src/core/components/icons/VTIconBluesky.vue new file mode 100644 index 0000000..ca0af6b --- /dev/null +++ b/src/core/components/icons/VTIconBluesky.vue @@ -0,0 +1,5 @@ + diff --git a/src/core/types/socialLink.ts b/src/core/types/socialLink.ts index ea6a39b..5dd3a4f 100644 --- a/src/core/types/socialLink.ts +++ b/src/core/types/socialLink.ts @@ -11,6 +11,7 @@ export type SocialLinkIcon = | 'slack' | 'twitter' | 'x' + | 'bluesky' | 'languages' export type SocialLinkSize = 'small' | 'medium'