fix(link): don't render href attribute in ListItem if href is false

fixes #4288

Author: nolimits4web

src/react/components/list-item.jsx

@@ -352,7 +352,7 @@ const ListItem = forwardRef((props, ref) => {
     // Link
     if (link || href || accordionItem || smartSelect) {
       const linkAttrs = {
-        href: link === true ? '' : link || href,
+        href: href === false ? undefined : link === true ? href || '' : link || href,
         target,
         'data-tab': (isStringProp(tabLink) && tabLink) || undefined,
         ...routerAttrs(props),

src/svelte/components/list-item.svelte

@@ -143,7 +143,7 @@
   );
 
   $: linkAttrs = {
-    href: link === true ? '' : link || href,
+    href: href === false ? undefined : link === true ? href || '' : link || href,
     target,
     'data-tab': (isStringProp(tabLink) && tabLink) || undefined,
     ...routerAttrs($$props),

src/vue/components/list-item.vue

@@ -452,7 +452,12 @@ export default {
     );
 
     const linkAttrs = computed(() => ({
-      href: props.link === true ? '' : props.link || props.href,
+      href:
+        props.href === false
+          ? undefined
+          : props.link === true
+          ? props.href || ''
+          : props.link || props.href,
       target: props.target,
       'data-tab': (isStringProp(props.tabLink) && props.tabLink) || undefined,
       ...routerAttrs(props),