As answered [here](https://stackoverflow.com/a/44077358/8455110), we can check if a slot has content or not. But I am using a slot which has no name:

```js
<template>
    <div id="map" v-if="!isValueNull">
        <div id="map-key">{{ name }}</div>
        <div id="map-value">
            <slot></slot>
        </div>
    </div>
</template>

<script>
    export default {
        props: {
            name: {type: String, default: null}
        },
        computed: {
            isValueNull() {
                console.log(this.$slots)
                return false;
            }
        }
    }
</script>

```

I am using like this:

```html
<my-map name="someName">{{someValue}}</my-map>

```

How can I not show the component when it has no value?