@coreui/vue/dist/esm/components/nav/CNavLink.js

UI Components Library for Vue.js

import { defineComponent, inject, onMounted, watch, h } from 'vue';
import { CLink } from '../link/CLink.js';

const CNavLink = defineComponent({
    name: 'CNavLink',
    props: {
        /**
         * Toggle the active state for the component.
         */
        active: Boolean,
        /**
         * Component used for the root node. Either a string to use a HTML element or a component.
         */
        as: {
            type: String,
            default: 'a',
        },
        /**
         * Toggle the disabled state for the component.
         */
        disabled: Boolean,
        /**
         * @ignore
         */
        href: String,
    },
    setup(props, { slots }) {
        const openBranch = inject('cNavGroupOpenBranch', undefined);
        onMounted(() => {
            if (props.active && openBranch) {
                openBranch();
            }
        });
        watch(() => props.active, (active, previous) => {
            if (active && !previous && openBranch) {
                openBranch();
            }
        });
        return () => h(CLink, {
            as: props.as,
            active: props.active,
            class: 'nav-link',
            disabled: props.disabled,
            href: props.href,
        }, {
            default: () => slots.default && slots.default(),
        });
    },
});

export { CNavLink };
//# sourceMappingURL=CNavLink.js.map