<script setup lang="ts">
  import { nanoid } from 'nanoid';
  import JSWidget from '@/components/widget/JSwidget.vue';

  const widgetOptions = {
    "locale": "vi",
    "width": "334px",
    "height": "250px",
    "price_line_color": "#71BDDF",
    "grid_color": "#999999",
    "label_color": "#999999",
  }
</script>
<template>
  <JSWidget 
    :CONTAINER_ID="nanoid(10)" 
    :SCRIPT_ID="nanoid(10)" 
    SCRIPT_SRC="https://www.fireant.vn/Scripts/web/widgets.js" 
    :options="widgetOptions" 
    :inside="false"
    widgetKey="FireAnt" 
  />
</template>
<style lang="scss" scoped>
div {
  width: 100%;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
