feat: widget

2024-07-05 14:29:49 +07:00
parent 984ec50a39
commit 66b5a8ce6a
3 changed files with 34 additions and 33 deletions
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-  import nanoid from 'nanoid';
+  import { nanoid } from 'nanoid';
  import JSWidget from '@/components/widget/JSwidget.vue';

  const widgetOptions = {
    "locale": "vi",
-    "width": "350px",
+    "width": "334px",
    "height": "250px",
    "price_line_color": "#71BDDF",
    "grid_color": "#999999",
@@ -12,15 +12,14 @@
  }
 </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>
+  <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 {