feat: cleanup CodeBlock & CodeGroup to better fit existing patterns

src/client/theme-default/components/global/CodeBlock.vue

@@ -5,9 +5,10 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType } from "vue";
+import { defineComponent, PropType } from "vue"
 
 export default defineComponent({
+  name: "CodeBlock",
   props: {
     title: {
       type: String,
@@ -22,11 +23,6 @@ export default defineComponent({
         return false
       }
     }
-  },
+  }
-  name: "CodeBlock"
 })
 </script>
-
-<style scoped>
-
-</style>

src/client/theme-default/components/global/CodeGroup.vue

@@ -1,7 +1,7 @@
 <script lang="ts">
-import { defineComponent, h } from "vue";
+import { defineComponent, h } from "vue"
-import { CodeGroupTabState } from "/@theme/components/global/types";
+import { CodeGroupTabState } from "/@theme/components/global/types"
-import CodeBlock from "/@theme/components/global/CodeBlock.vue";
+import CodeBlock from "/@theme/components/global/CodeBlock.vue"
 
 export default defineComponent({
   name: "CodeGroup",
@@ -13,14 +13,14 @@ export default defineComponent({
     }
   },
   mounted() {
-    let activeTabIndex = -1;
+    let activeTabIndex = -1
-    const tabs: CodeGroupTabState[] = [];
+    const tabs: CodeGroupTabState[] = []
 
-    const blocks = (this.$slots.default?.() || []).filter(s => s.type.name === 'CodeBlock');
+    const blocks = (this.$slots.default?.() || []).filter(s => s.type.name === 'CodeBlock')
 
     blocks.forEach(({ props: { title, active = false }, children }, index) => {
-      if (activeTabIndex === -1 && typeof active === 'string') {
+      if (activeTabIndex === -1 && typeof active === 'string' || active) {
-        activeTabIndex = index;
+        activeTabIndex = index
       }
 
       tabs.push({
@@ -28,11 +28,10 @@ export default defineComponent({
         title: title,
         content: children?.length
       })
-    });
+    })
 
     this.tabs = tabs
     this.activeTabIndex = activeTabIndex
-    console.log(this)
   },
   render() {
     const hCodeBlocks = this.tabs.map(