diff --git a/components/content/CodeSwitcherTab.vue b/components/content/ContentSwitcher.vue
similarity index 95%
rename from components/content/CodeSwitcherTab.vue
rename to components/content/ContentSwitcher.vue
index c3990972..21dd8de6 100644
--- a/components/content/CodeSwitcherTab.vue
+++ b/components/content/ContentSwitcher.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 defineProps<{
-  items: CodeSwitcherTabItem[];
+  items: ContentSwitcherItem[];
 }>();
 
 const selectedIndex = ref(0);
diff --git a/content/10.getting-started/1.index.md b/content/10.getting-started/1.index.md
index abd6b30c..f7ab24ef 100644
--- a/content/10.getting-started/1.index.md
+++ b/content/10.getting-started/1.index.md
@@ -8,7 +8,7 @@ This template is a ready-to-use documentation template made with [Nuxt UI Pro](h
 premium components built on top of [Nuxt UI](https://ui.nuxt.com) to create beautiful & responsive Nuxt applications in
 minutes.
 
-::code-switcher-tab
+::content-switcher
 ---
 items: [{
   label: 'HardHat',
diff --git a/types/CodeSwitcherTab.d.ts b/types/CodeSwitcher.d.ts
similarity index 87%
rename from types/CodeSwitcherTab.d.ts
rename to types/CodeSwitcher.d.ts
index 724ad69c..9cf4ac47 100644
--- a/types/CodeSwitcherTab.d.ts
+++ b/types/CodeSwitcher.d.ts
@@ -1,4 +1,4 @@
-declare interface CodeSwitcherTabItem {
+declare interface ContentSwitcherItem {
   /**
    * The label to display on the tab
    */