From 1015054c8bfcebb6b60d5c0f85bde2ece4e30d0e Mon Sep 17 00:00:00 2001
From: Derek Pollard <dpollard@mail.bradley.edu>
Date: Wed, 10 Feb 2021 14:35:54 -0500
Subject: [PATCH] feat: cleanup CodeBlock & CodeGroup to better fit existing
 patterns

---
 .../components/global/CodeBlock.vue           | 10 +++-------
 .../components/global/CodeGroup.vue           | 19 +++++++++----------
 2 files changed, 12 insertions(+), 17 deletions(-)

diff --git a/src/client/theme-default/components/global/CodeBlock.vue b/src/client/theme-default/components/global/CodeBlock.vue
index 7816d80f..0c8f1fe4 100644
--- a/src/client/theme-default/components/global/CodeBlock.vue
+++ b/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>
\ No newline at end of file
diff --git a/src/client/theme-default/components/global/CodeGroup.vue b/src/client/theme-default/components/global/CodeGroup.vue
index 71286f28..167dcc29 100644
--- a/src/client/theme-default/components/global/CodeGroup.vue
+++ b/src/client/theme-default/components/global/CodeGroup.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
-import { defineComponent, h } from "vue";
-import { CodeGroupTabState } from "/@theme/components/global/types";
-import CodeBlock from "/@theme/components/global/CodeBlock.vue";
+import { defineComponent, h } from "vue"
+import { CodeGroupTabState } from "/@theme/components/global/types"
+import CodeBlock from "/@theme/components/global/CodeBlock.vue"
 
 export default defineComponent({
   name: "CodeGroup",
@@ -13,14 +13,14 @@ export default defineComponent({
     }
   },
   mounted() {
-    let activeTabIndex = -1;
-    const tabs: CodeGroupTabState[] = [];
+    let activeTabIndex = -1
+    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') {
-        activeTabIndex = index;
+      if (activeTabIndex === -1 && typeof active === 'string' || active) {
+        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(