chore: clean-up

Author: mrholek

packages/coreui-vue/src/composables/index.ts

@@ -1,4 +1,3 @@
-import { useColorModes } from './useColorModes'
 import { usePopper } from './usePopper'
 
-export { useColorModes, usePopper }
+export { usePopper }

packages/coreui-vue/src/composables/useColorModes.ts

@@ -18,46 +18,6 @@
         <div class="vr d-none d-lg-flex h-100 mx-lg-2 text-body text-opacity-75"></div>
         <hr class="d-lg-none my-2 text-white-50" />
       </li>
-      <CDropdown variant="nav-item" placement="bottom-end">
-        <CDropdownToggle :caret="false">
-          <CIcon v-if="colorMode === 'dark'" icon="cil-moon" size="xl" />
-          <CIcon v-else-if="colorMode === 'light'" icon="cil-sun" size="xl" />
-          <CIcon v-else icon="cil-contrast" size="xl" />
-        </CDropdownToggle>
-        <CDropdownMenu>
-          <CDropdownItem
-            :active="colorMode === 'light'"
-            class="d-flex align-items-center"
-            component="button"
-            type="button"
-            @click="setColorMode('light')"
-          >
-            <CIcon class="me-2" icon="cil-sun" size="lg" /> Light
-          </CDropdownItem>
-          <CDropdownItem
-            :active="colorMode === 'dark'"
-            class="d-flex align-items-center"
-            component="button"
-            type="button"
-            @click="setColorMode('dark')"
-          >
-            <CIcon class="me-2" icon="cil-moon" size="lg" /> Dark
-          </CDropdownItem>
-          <CDropdownItem
-            :active="colorMode === 'auto'"
-            class="d-flex align-items-center"
-            component="button"
-            type="button"
-            @click="setColorMode('auto')"
-          >
-            <CIcon class="me-2" icon="cil-contrast" size="lg" /> Auto
-          </CDropdownItem>
-        </CDropdownMenu>
-      </CDropdown>
-      <li class="nav-item py-2 py-lg-1">
-        <div class="vr d-none d-lg-flex h-100 mx-lg-2 text-body text-opacity-75"></div>
-        <hr class="d-lg-none my-2 text-white-50" />
-      </li>
     </CHeaderNav>
     <CButton
       class="d-lg-inline-block my-2 my-md-0 ms-md-3"
@@ -88,21 +48,12 @@
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue'
-import { useColorModes } from '@coreui/vue/src'
-
 export default defineComponent({
   name: 'Header',
   props: {
     theme: String,
   },
   emits: ['toggle-sidebar'],
-  setup() {
-    const { colorMode, setColorMode } = useColorModes('coreui-vue-docs-theme')
-    
-    return {
-      colorMode,
-      setColorMode,
-    }
-  },
+  setup() {},
 })
 </script>