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

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