<script type="importmap">
    {
    "imports": {
    "vue": "/JS/vue/vue.esm-browser3.5.3.js?<%# ProductVersion %>"
    }
    }
</script>

<script type="module">

    import { createApp } from 'vue'

    createApp({
        data() {
            return {
                count: 10
            }
        }
    }).mount('#app')

</script>

<div id="app">
    <button @click="count++">
        Count is: {{ count }}
    </button>
</div>


import StatsDetail from '/Components/Dashboard/StatsDetail.js'

export default {
        props: ['stat'],
        components: {
            StatsDetail
        },
        template: `

<div id="category">
    <div class="block-header" runat="server">
        <h2>{{ stat.Label }}</h2>
    </div>
    <div class="row">
        <StatsDetail v-for="item in stat.Stats" :detail="item" :key="item.label" />
    </div>
</div>

`
}


