Resolve the issue with validation type

Author: ksdev-pl

package-lock.json

@@ -21,6 +21,7 @@
     "markdown-it": "^14.1.0",
     "openai": "^4.31.0",
     "pinia": "^2.1.7",
+    "validator": "^13.11.0",
     "vue": "^3.4.21",
     "zod": "^3.22.4"
   },
@@ -30,6 +31,7 @@
     "@types/highlight.js": "^10.1.0",
     "@types/markdown-it": "^13.0.7",
     "@types/node": "^20.11.25",
+    "@types/validator": "^13.11.9",
     "@vitejs/plugin-vue": "^5.0.4",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",

package.json

@@ -2,8 +2,9 @@
   import {FwbButton, FwbInput, FwbModal, FwbSelect} from 'flowbite-vue';
   import {computed, ref, watch} from 'vue';
   import {useSettingsStore} from '@/stores/settings.store';
-  import {number, object, string} from 'zod';
+  import {any, object, string} from 'zod';
   import type {Settings} from '@/models/settings.model';
+  import validator from 'validator';
 
   const models = [
       {name: 'gpt-3.5-turbo', value: 'gpt-3.5-turbo'},
@@ -22,9 +23,9 @@
 
   const formSchema = object({
     openaiApiKey: string().min(1),
-    openaiTemp: number(),
+    openaiTemp: any().transform((val) => val.toString()).refine(val => validator.isFloat(val)),
     openaiModel: string(),
-    openaiMaxTokens: number()
+    openaiMaxTokens: any().transform((val) => val.toString()).refine(val => validator.isFloat(val))
   });
 
   settingsStore.reloadSettings();