v-if with array

Could v-if exclude empty arrays ? Or is there another way to do it ?

For instance, imagine the given Vue :

<section id='container'>
    <div id='list-wrapper' v-if='list << I would here mean : "if list is not empty" >>'>
        <h5>List of things</h5>
        <ul>
            <li v-repeat='item: list'>{{ item }}</li>
        </ul>
    </div>
</section>

new Vue({
    el: '#container',
    data: function () {
        return {
            list: []
        }
    },
    events: {
        'list:add': function (item) {
            this.list.push(item);
        }
    }
});

When list is an empty array, I would prefer the content of <div id='list-wrapper'></div> not to be included in the DOM. I would prefer it to be included only when I push some items in my listarray.

[multimeric]

<div id='list-wrapper' v-if="list.length > 0">
</div>

And here’s a fiddle: http://jsfiddle.net/4t6hjwev/1/

[LinusBorg]

I’m sorry to hear that.

But I have a question: What exactly are we supposed to do with that statement, posted to a two year old, closed issue with zero information about the exact problem?