Vue eslint – Property in `$slots` should be used as function

I am having trouble with slots & vue-eslint on VSCode

template

    <div>
      <slot name="content">
        <div>
          {{ text }} // slot is not filled
        </div>
      </slot>
    </div>

script

    mounted() {
        ...
        const slotCont = this.$slots.content;
        console.log(slotCont)
    }

The above code works fine but I get lint error:

vue/require-slots-as-functions
lint Error: Property in $slots
should be used as function.`

I tried to fix the lint error with:

   const slotCont = this.$slots.content && this.$slots.content();

now I get another error on the browser:

TypeError: this.$slots.content is not a function

I need help on the correct way of accessing $slots.