refactor: CHeaderNavItem, CHeaderNavItemLink:

- delete onlyLink prop,
- add slot 'link' for custom link definitions,
- uncomment CHeaderNavItem component

Author: woothu

src/components/header/CHeaderNavItem.vue

@@ -1,24 +1,18 @@
 <template>
-  <li v-if="!onlyLink" class="c-header-nav-item">
-    <CLink
-      class="c-header-nav-link"
-      v-bind="$props"
-    >
-      <slot></slot>
-    </CLink>
+  <li class="c-header-nav-item">
+    <slot name="link">
+      <CLink
+        class="c-header-nav-link"
+        v-bind="$props"
+      >
+        <slot></slot>
+      </CLink>
+    </slot>
   </li>
-  <CLink
-    v-else
-    class="c-header-nav-link"
-    v-bind="Object.assign({}, $props, { onlyLink: null })"
-  >
-    <slot></slot>
-  </CLink>
 </template>
 
 <script>
-import CLink, { props as linkProps } from '../link/CLink'
-const props = Object.assign({ onlyLink: Boolean }, linkProps)
+import CLink, { props } from '../link/CLink'
 export default {
   name: 'CHeaderNavItem',
   components: {

src/components/header/index.js

@@ -2,14 +2,14 @@ import CHeader from './CHeader'
 import CHeaderBrand from './CHeaderBrand'
 import CHeaderNav from './CHeaderNav'
 import CHeaderNavItem from './CHeaderNavItem'
-// import CHeaderNavLink from './CHeaderNavLink'
+import CHeaderNavLink from './CHeaderNavLink'
 import CSubheader from './CSubheader'
 
 export {
   CHeader,
   CHeaderBrand,
   CHeaderNav,
   CHeaderNavItem,
-  // CHeaderNavLink,
+  CHeaderNavLink,
   CSubheader
 }

src/components/index.d.ts

@@ -301,11 +301,9 @@ export declare class CHeaderBrand extends Vue {}
 
 export declare class CHeaderNav extends Vue {}
 
-export declare class CHeaderNavItem extends CLink {
-  onlyLink: boolean
-}
+export declare class CHeaderNavItem extends CLink {}
 
-export declare class CHeaderNavLink extends CLink { }
+export declare class CHeaderNavLink extends CLink {}
 
 export declare class CSubheader extends CLink {
   tag: string