Replaced v-model in <select> with :value

Did this really fix #270?
This commit is contained in:
Tamius Han 2025-03-30 01:27:28 +01:00
parent 39fdd72e9f
commit 16a2f511bb

View File

@ -8,7 +8,7 @@
</div> </div>
<div class="select"> <div class="select">
<select <select
v-model="simpleExtensionSettings.enable" :value="simpleExtensionSettings.enable"
@click="setExtensionMode('enable', $event)" @click="setExtensionMode('enable', $event)"
> >
<option <option
@ -53,7 +53,7 @@
</div> </div>
<div class="select"> <div class="select">
<select <select
v-model="simpleExtensionSettings.enableAard" :value="simpleExtensionSettings.enableAard"
@click="setExtensionMode('enableAard', $event)" @click="setExtensionMode('enableAard', $event)"
> >
<option <option
@ -96,7 +96,7 @@
</div> </div>
<div class="select"> <div class="select">
<select <select
v-model="simpleExtensionSettings.enableKeyboard" :value="simpleExtensionSettings.enableKeyboard"
@click="setExtensionMode('enableKeyboard', $event)" @click="setExtensionMode('enableKeyboard', $event)"
> >
<option <option
@ -139,7 +139,7 @@
</div> </div>
<div class="select"> <div class="select">
<select <select
v-model="simpleExtensionSettings.enableUI" :value="simpleExtensionSettings.enableUI"
@click="setExtensionMode('enableUI', $event)" @click="setExtensionMode('enableUI', $event)"
> >
<template v-if="isDefaultConfiguration"> <template v-if="isDefaultConfiguration">
@ -170,7 +170,7 @@
<div class="label">Default crop:</div> <div class="label">Default crop:</div>
<div class="select"> <div class="select">
<select <select
v-model="siteDefaultCrop" :value="siteDefaultCrop"
@change="setOption('defaults.crop', $event)" @change="setOption('defaults.crop', $event)"
> >
<option <option
@ -357,7 +357,7 @@ export default {
* Compiles our extension settings into more user-friendly options * Compiles our extension settings into more user-friendly options
*/ */
compileSimpleSettings(component, getFor = 'site') { compileSimpleSettings(component, getFor = 'site') {
console.log('compiling simple settings!', component, getFor); // console.log('compiling simple settings!', component, getFor, 'site settings?', this.siteSettings);
let settingsData; let settingsData;
switch (getFor) { switch (getFor) {
case 'site': case 'site':
@ -371,7 +371,7 @@ export default {
break; break;
} }
console.log('getting data from:', settingsData); // console.log('getting data from:', settingsData);
try { try {
if ( if (
@ -386,14 +386,14 @@ export default {
&& settingsData?.[component]?.theater === ExtensionMode.Default && settingsData?.[component]?.theater === ExtensionMode.Default
&& settingsData?.[component]?.fullscreen === ExtensionMode.Default && settingsData?.[component]?.fullscreen === ExtensionMode.Default
) { ) {
console.log( // console.log(
component, 'is set to default because:\n' // component, 'is set to default because:\n',
`\nsettingsData[${component}].normal: ${settingsData?.[component]?.normal} || component is enableUI?`, component, // `\nsettingsData[${component}].normal: ${settingsData?.[component]?.normal} || component is enableUI?`, component,
`\nsettingsData[${component}].theater: ${settingsData?.[component]?.normal}`, // `\nsettingsData[${component}].theater: ${settingsData?.[component]?.normal}`,
`\nsettingsData[${component}].fullscreen: ${settingsData?.[component]?.normal}`, // `\nsettingsData[${component}].fullscreen: ${settingsData?.[component]?.normal}`,
`\n\n(expected values:`, ExtensionMode.Default // `\n\n(expected values:`, ExtensionMode.Default
) // )
return 'default'; return 'default';
} }
if ( if (