Contents

<script setup>
/*
Lesli

Copyright (c) 2023, Lesli Technologies, S. A.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see http://www.gnu.org/licenses/.

Lesli · Ruby on Rails SaaS Development Framework.

Made with ♥ by https://www.lesli.tech
Building a better future, one line of code at a time.

@contact  [e-mail]
@website  https://www.lesli.tech
@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html

// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
// · 
*/


// · import vue tools
import { ref, reactive, onMounted, watch, computed } from "vue"


// · import Lesli components
import { lesliChartLine } from "lesli-vue/components"


// · import stores
import { useAnalytics } from "LesliAudit/stores/analytics"


// · implement stores
const storeAnalytics = useAnalytics()


// · define variables
var series = ref([]);
var labels = ref([]);


// · 
watch(() => storeAnalytics.visitors.records, () => {
    labels.value = storeAnalytics.visitors.records.map(visit => visit.date)
    series.value = [{
        name: "Requests",
        data: storeAnalytics.visitors.records.map(visit => visit.requests)
    }]
})

</script>
<template>
    <lesli-application-component>
        <lesli-chart-line
            :title="'Visitors'"
            :series="series"
            :labels="labels">
        </lesli-chart-line>
    </lesli-application-component>
</template>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
lesli_audit-0.2.0	lib/vue/components/visitors.vue