From da15452d30e32f07ad4c8488bc4b0f91812ee97a Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sun, 28 May 2023 17:25:15 +0200
Subject: [PATCH] Implement defineModel where applicable

---
 src/components/ftbot/PairlistConfigItem.vue    | 18 +++++-------------
 .../PairlistConfigParameter.vue                | 15 ++-------------
 vite.config.js                                 |  6 +++++-
 3 files changed, 12 insertions(+), 27 deletions(-)
 rename src/components/{general => ftbot}/PairlistConfigParameter.vue (74%)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index a7cf2939..c7fb7aec 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -32,26 +32,18 @@
 
 <script setup lang="ts">
 import { Pairlist } from '@/types';
-import { computed, ref } from 'vue';
-import PairlistConfigParameter from '../general/PairlistConfigParameter.vue';
+import { ref } from 'vue';
+import PairlistConfigParameter from './PairlistConfigParameter.vue';
 
-const props = defineProps<{
-  modelValue: Pairlist;
+defineProps<{
   index: number;
 }>();
 
-const emit = defineEmits(['update:modelValue', 'remove']);
+const emit = defineEmits(['remove']);
 
 const visible = ref(false);
 
-const pairlist = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(value: Pairlist) {
-    emit('update:modelValue', value);
-  },
-});
+const pairlist = defineModel<Pairlist>({ required: true });
 </script>
 
 <style>
diff --git a/src/components/general/PairlistConfigParameter.vue b/src/components/ftbot/PairlistConfigParameter.vue
similarity index 74%
rename from src/components/general/PairlistConfigParameter.vue
rename to src/components/ftbot/PairlistConfigParameter.vue
index 8b315716..ec9df2d7 100644
--- a/src/components/general/PairlistConfigParameter.vue
+++ b/src/components/ftbot/PairlistConfigParameter.vue
@@ -25,21 +25,10 @@
 
 <script setup lang="ts">
 import { PairlistParameter, PairlistParamType } from '@/types';
-import { computed } from 'vue';
 
-const props = defineProps<{
+defineProps<{
   param: PairlistParameter;
-  modelValue: string | undefined;
 }>();
 
-const emit = defineEmits(['update:modelValue']);
-
-const paramValue = computed({
-  get() {
-    return props.modelValue;
-  },
-  set(value) {
-    emit('update:modelValue', value);
-  },
-});
+const paramValue = defineModel<string>();
 </script>
diff --git a/vite.config.js b/vite.config.js
index bc17f0dd..5af04df4 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -9,7 +9,11 @@ import { BootstrapVueNextResolver } from 'unplugin-vue-components/resolvers';
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
-    createVuePlugin({}),
+    createVuePlugin({
+      script: {
+        defineModel: true,
+      },
+    }),
     Components({
       resolvers: [IconsResolve(), BootstrapVueNextResolver()],
       dirs: [],