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

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