build(deps-dev): bump eslint-plugin-vue from 9.15.1 to 9.16.1

package.json

@@ -56,7 +56,7 @@
     "cypress": "^12.17.3",
     "eslint": "^8.46.0",
     "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-vue": "^9.15.1",
+    "eslint-plugin-vue": "^9.16.1",
     "mutationobserver-shim": "^0.3.7",
     "portal-vue": "^3.0.0",
     "prettier": "^3.0.0",

src/components/BotRename.vue

@@ -24,15 +24,18 @@
 <script setup lang="ts">
 import { useBotStore } from '@/stores/ftbotwrapper';
 import { BotDescriptor } from '@/types';
-import { ref } from 'vue';
+import { onMounted, ref } from 'vue';
 
 const props = defineProps({
   bot: { type: Object as () => BotDescriptor, required: true },
 });
 const emit = defineEmits(['cancelled', 'saved']);
 const botStore = useBotStore();
+const newName = ref<string>('');
 
-const newName = ref<string>(props.bot.botName);
+onMounted(() => {
+  newName.value = props.bot.botName;
+});
 
 const save = () => {
   botStore.updateBot(props.bot.botId, {

src/components/charts/CandleChartContainer.vue

@@ -120,7 +120,7 @@ const botStore = useBotStore();
 const plotStore = usePlotConfigStore();
 
 const pair = ref('');
-const showPlotConfig = ref(props.plotConfigModal);
+const showPlotConfig = ref<boolean>();
 
 const dataset = computed((): PairHistory => {
   if (props.historicView) {
@@ -207,6 +207,7 @@ watch(
 );
 
 onMounted(() => {
+  showPlotConfig.value = props.plotConfigModal;
   if (botStore.activeBot.selectedPair) {
     pair.value = botStore.activeBot.selectedPair;
   } else if (props.availablePairs.length > 0) {

src/components/charts/PlotIndicatorSelect.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue';
+import { onMounted, ref, watch } from 'vue';
 import vSelect from 'vue-select';
 
 const props = defineProps({
@@ -27,7 +27,7 @@ const props = defineProps({
 });
 const emit = defineEmits(['update:modelValue', 'indicatorSelected']);
 
-const selAvailableIndicator = ref(props.modelValue || '');
+const selAvailableIndicator = ref('');
 
 function emitIndicator() {
   emit('indicatorSelected', selAvailableIndicator.value);
@@ -37,6 +37,11 @@ function abort() {
   selAvailableIndicator.value = '';
   emitIndicator();
 }
+
+onMounted(() => {
+  selAvailableIndicator.value = props.modelValue;
+});
+
 watch(
   () => props.modelValue,
   (newValue) => {

src/components/ftbot/TradeList.vue

@@ -97,7 +97,7 @@ import TradeProfit from './TradeProfit.vue';
 import TradeActionsPopover from './TradeActionsPopover.vue';
 import ForceExitForm from '@/components/ftbot/ForceExitForm.vue';
 
-import { ref, computed, watch } from 'vue';
+import { ref, computed, watch, onMounted } from 'vue';
 import { useBotStore } from '@/stores/ftbotwrapper';
 import { useRouter } from 'vue-router';
 import { TableField, TableItem } from 'bootstrap-vue-next';
@@ -143,43 +143,47 @@ const rows = computed(() => {
   return props.trades.length;
 });
 
-const tableFields: TableField[] = [
-  { key: 'trade_id', label: 'ID' },
-  { key: 'pair', label: 'Pair' },
-  { key: 'amount', label: 'Amount' },
-  {
-    key: 'stake_amount',
-    label: 'Stake amount',
-  },
-  {
-    key: 'open_rate',
-    label: 'Open rate',
-    formatter: (value: unknown) => formatPrice(value as number),
-  },
-  {
-    key: props.activeTrades ? 'current_rate' : 'close_rate',
-    label: props.activeTrades ? 'Current rate' : 'Close rate',
-    formatter: (value: unknown) => formatPrice(value as number),
-  },
-  {
-    key: 'profit',
-    label: props.activeTrades ? 'Current profit %' : 'Profit %',
+let tableFields: TableField[] = [];
 
-    formatter: (value: unknown, key?: string, item?: unknown) => {
-      if (!item) {
-        return '';
-      }
-      const typedItem = item as Trade;
-      const percent = formatPercent(typedItem.profit_ratio, 2);
-      return `${percent} ${`(${formatPriceWithDecimals(typedItem.profit_abs)})`}`;
+onMounted(() => {
+  tableFields = [
+    { key: 'trade_id', label: 'ID' },
+    { key: 'pair', label: 'Pair' },
+    { key: 'amount', label: 'Amount' },
+    {
+      key: 'stake_amount',
+      label: 'Stake amount',
     },
-  },
-  { key: 'open_timestamp', label: 'Open date' },
-  ...(props.activeTrades ? openFields : closedFields),
-];
-if (props.multiBotView) {
-  tableFields.unshift({ key: 'botName', label: 'Bot' });
-}
+    {
+      key: 'open_rate',
+      label: 'Open rate',
+      formatter: (value: unknown) => formatPrice(value as number),
+    },
+    {
+      key: props.activeTrades ? 'current_rate' : 'close_rate',
+      label: props.activeTrades ? 'Current rate' : 'Close rate',
+      formatter: (value: unknown) => formatPrice(value as number),
+    },
+    {
+      key: 'profit',
+      label: props.activeTrades ? 'Current profit %' : 'Profit %',
+
+      formatter: (value: unknown, key?: string, item?: unknown) => {
+        if (!item) {
+          return '';
+        }
+        const typedItem = item as Trade;
+        const percent = formatPercent(typedItem.profit_ratio, 2);
+        return `${percent} ${`(${formatPriceWithDecimals(typedItem.profit_abs)})`}`;
+      },
+    },
+    { key: 'open_timestamp', label: 'Open date' },
+    ...(props.activeTrades ? openFields : closedFields),
+  ];
+  if (props.multiBotView) {
+    tableFields.unshift({ key: 'botName', label: 'Bot' });
+  }
+});
 
 const feOrderType = ref<string | undefined>(undefined);
 const forceExitHandler = (item: Trade, ordertype: string | undefined = undefined) => {

src/components/general/EditValue.vue

@@ -61,7 +61,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue';
+import { onMounted, ref, watch } from 'vue';
 
 const props = defineProps({
   modelValue: {
@@ -104,8 +104,11 @@ enum EditState {
   Duplicating,
 }
 
-const localName = ref<string>(props.modelValue);
+const localName = ref<string>('');
 const mode = ref<EditState>(EditState.None);
+onMounted(() => {
+  localName.value = props.modelValue;
+});
 
 function abort() {
   mode.value = EditState.None;

src/stores/ftbot.ts

@@ -10,7 +10,6 @@ import {
   LockResponse,
   ProfitInterface,
   BacktestResult,
-  StrategyBacktestResult,
   BacktestSteps,
   LogLine,
   SysInfoResponse,

yarn.lock

@@ -194,7 +194,7 @@
   resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.18.11.tgz#6526c7e1b40d5b9f0a222c6b767c22f6fb97aa57"
   integrity sha512-rQI4cjLHd2hGsM1LqgDI7oOCYbQ6IBOVsX9ejuRMSze0GqXUG2ekwiKkiBU1pRGSeCqFFHxTrcEydB2Hyoz9CA==
 
-"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.3.0":
+"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0":
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz#a23514e8fb9af1269d5f7788aa556798d61c6b59"
   integrity sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==
@@ -1637,17 +1637,17 @@ eslint-plugin-prettier@^5.0.0:
     prettier-linter-helpers "^1.0.0"
     synckit "^0.8.5"
 
-eslint-plugin-vue@^9.15.1:
-  version "9.15.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.15.1.tgz#3c09e0edab444b5d4d9239a12a645a0e2e2ea5be"
-  integrity sha512-CJE/oZOslvmAR9hf8SClTdQ9JLweghT6JCBQNrT2Iel1uVw0W0OLJxzvPd6CxmABKCvLrtyDnqGV37O7KQv6+A==
+eslint-plugin-vue@^9.16.1:
+  version "9.16.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-vue/-/eslint-plugin-vue-9.16.1.tgz#3508d9279d797b40889db76da2fd26524e9144e6"
+  integrity sha512-2FtnTqazA6aYONfDuOZTk0QzwhAwi7Z4+uJ7+GHeGxcKapjqWlDsRWDenvyG/utyOfAS5bVRmAG3cEWiYEz2bA==
   dependencies:
-    "@eslint-community/eslint-utils" "^4.3.0"
+    "@eslint-community/eslint-utils" "^4.4.0"
     natural-compare "^1.4.0"
-    nth-check "^2.0.1"
-    postcss-selector-parser "^6.0.9"
-    semver "^7.3.5"
-    vue-eslint-parser "^9.3.0"
+    nth-check "^2.1.1"
+    postcss-selector-parser "^6.0.13"
+    semver "^7.5.4"
+    vue-eslint-parser "^9.3.1"
     xml-name-validator "^4.0.0"
 
 eslint-scope@^5.1.1:
@@ -2657,7 +2657,7 @@ npm-run-path@^5.1.0:
   dependencies:
     path-key "^4.0.0"
 
-nth-check@^2.0.1:
+nth-check@^2.0.1, nth-check@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d"
   integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
@@ -2856,7 +2856,7 @@ portal-vue@^3.0.0:
   resolved "https://registry.yarnpkg.com/portal-vue/-/portal-vue-3.0.0.tgz#0f60fe3540e479d18f998d32d415c50c8e17c9a9"
   integrity sha512-9eprMxNURLx6ijbcgkWjYNcTWJYu/H8QF8nyAeBzOmk9lKCea01BW1hYBeLkgz+AestmPOvznAEOFmNuO4Adjw==
 
-postcss-selector-parser@^6.0.9:
+postcss-selector-parser@^6.0.13:
   version "6.0.13"
   resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz#d05d8d76b1e8e173257ef9d60b706a8e5e99bf1b"
   integrity sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==
@@ -3064,7 +3064,7 @@ sass@^1.64.2:
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
-semver@^7.3.2, semver@^7.3.5, semver@^7.3.6, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3:
+semver@^7.3.2, semver@^7.3.6, semver@^7.3.7, semver@^7.3.8, semver@^7.5.3, semver@^7.5.4:
   version "7.5.4"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
   integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
@@ -3504,7 +3504,7 @@ vue-echarts@^6.6.0:
     resize-detector "^0.3.0"
     vue-demi "^0.13.2"
 
-vue-eslint-parser@^9.1.1, vue-eslint-parser@^9.3.0:
+vue-eslint-parser@^9.1.1, vue-eslint-parser@^9.3.1:
   version "9.3.1"
   resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.3.1.tgz#429955e041ae5371df5f9e37ebc29ba046496182"
   integrity sha512-Clr85iD2XFZ3lJ52/ppmUDG/spxQu6+MAeHXjjyI4I1NUYZ9xmenQp4N0oaHJhrA8OOxltCVxMRfANGa70vU0g==