@gramyhostujemy/vue-components v1.0.3

Usage

Install ApexCharts, and it globally

// Vue3
import { createApp } from 'vue'
import App from './App.vue'
import VueApexCharts from "vue3-apexcharts";

const app = createApp(App);
app.use(VueApexCharts);
app.mount('#app');

Then use it inside your component

<script setup>
import { Status } from '@gramyhostujemy/vue-components';
</script>

<template>
  <div>
    <Status
      :server="{
        game: 'cstrike',
        name: 'DUST2 ONLY',
        ip: '127.0.0.1',
        port: 27015,
        mode: 'Counter-Strike',
        map: 'de_dust2',
        players_num: 1,
        players_max: 31,
        logs: [{
          data: [
            ['2022-11-06 18:48:00', 0],
            ['2022-11-06 18:49:00', 5],
            ['2022-11-06 18:50:00', 3],
            ['2022-11-06 18:51:00', 18],
            ['2022-11-06 18:52:00', 5],
            ['2022-11-06 18:53:00', 0],
            ['2022-11-06 19:04:00', 20], 
            ['2022-11-06 19:12:00', 12], 
            ['2022-11-06 19:22:00', 32], 
            ['2022-11-06 19:24:00', 1], 
            ['2022-11-06 19:32:00', 1], 
          ]
        }],
      }"
    />
  </div>
</template>