Передайте HTML пользовательскому компоненту, который использует установленный компонент

Question

Я пишу этот компонент ('networkstat.vue'), который использует 'vue-network' для получения статуса сети в гибридном мобильном приложении:

<template>
    <network>
        <div slot="online">
            {{ content }}
        </div>
        <div slot="offline">
            <p>You appear to be offline.</p>
        </div>
    </network>
</template>

<script>
    import Vue from 'vue'
    import Network from 'vue-network'

    export default {
        components: {
            Network
        }
    }

    Vue.component('networkstat', {
        props: ['content']
    })
</script>

И я использую его таким образомкак страница 'vue-router':

<template>
    <Networkstat>
        <div>Working great</div>
    </Networkstat>
</template>

<script>
    import Networkstat from '@/path/networkstat'

    export default {
        components: {
            Networkstat
        },
    }
</script>

Но сообщение никогда не отображается.Что здесь не так?

Спасибо за любую помощь.