dynamic width

components/content/RefseqDb.vue

@@ -69,6 +69,8 @@ const computedWidth = computed(() => {
     return Math.max(currentWidth, 550);
 });
 
+
+
 const allHits: Ref<Record<string, any> | undefined> = ref(undefined)
 onMounted(async () => {
     const params = {
@@ -193,12 +195,10 @@ function namesToAccessionChips(names: string[]) {
 }
 const systemPanel: Ref<string[]> = ref([])
 const layoutPlot: Ref<string> = ref("grid")
-
 const binPlotOptions = ref({
     marginLeft: 150,
     marginBottom: 200,
     padding: 0,
-    width: 1920,
     grid: true,
     x: { tickRotate: 90, tip: true, },
 
@@ -209,6 +209,8 @@ const binPlotDataOptions = computed(() => {
     const toValueAllHits = toValue(allHits)
     return toValueAllHits?.hits?.length > 0 ? {
         ...binPlotOptions.value,
+        width: width.value,
+
         color: {
             ...binPlotOptions.value.color,
             type: scaleType.value