Check slots on updated hook

Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>

src/components/ListItem/ListItem.vue

@@ -289,6 +289,8 @@ export default {
  return {
  hovered: false,
  focused: false,
+ hasActions: false,
+ hasSubtitle: false,
  displayActions: false,
  menuOpen: false,
  }
@@ -300,10 +302,6 @@ export default {
  return this.details !== ''
  },
 
- hasActions() {
- return (!!this.$slots.actions)
- },
-
  // This is used to decide which outer element type to use
  // li or router-link
  navElement() {
@@ -320,10 +318,6 @@ export default {
  }
  },
 
- // Check if the subtitle slot is populated
- hasSubtitle() {
- return !!this.$slots.subtitle
- },
  },
 
  watch: {
@@ -336,6 +330,10 @@ export default {
  },
  },
 
+ updated() {
+ this.checkSlots()
+ },
+
  methods: {
 
  // forward click event
@@ -400,6 +398,12 @@ export default {
  handleActionsUpdateOpen(e) {
  this.menuOpen = e
  },
+
+ // Check if subtitle and actions slots is populated
+ checkSlots() {
+ this.hasActions = !!this.$slots.actions
+ this.hasSubtitle = !!this.$slots.subtitle
+ },
  },
 }
 </script>