diff options
Diffstat (limited to 'packages/frontend/src/components/MkImageEffectorDialog.Layer.vue')
| -rw-r--r-- | packages/frontend/src/components/MkImageEffectorDialog.Layer.vue | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/packages/frontend/src/components/MkImageEffectorDialog.Layer.vue b/packages/frontend/src/components/MkImageEffectorDialog.Layer.vue index f734325039..bc7e8b0946 100644 --- a/packages/frontend/src/components/MkImageEffectorDialog.Layer.vue +++ b/packages/frontend/src/components/MkImageEffectorDialog.Layer.vue @@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only <template> <MkFolder :defaultOpen="true" :canPage="false"> - <template #label>{{ fx.name }}</template> + <template #label>{{ fx.uiDefinition.name }}</template> <template #footer> <div class="_buttons"> <MkButton iconOnly @click="emit('del')"><i class="ti ti-trash"></i></MkButton> @@ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only </div> </template> - <MkImageEffectorFxForm v-model="layer.params" :paramDefs="fx.params" /> + <MkImageEffectorFxForm v-model="layer.params" :paramDefs="fx.uiDefinition.params"/> </MkFolder> </template> @@ -26,14 +26,14 @@ import MkImageEffectorFxForm from '@/components/MkImageEffectorFxForm.vue'; import { FXS } from '@/utility/image-effector/fxs.js'; const layer = defineModel<ImageEffectorLayer>('layer', { required: true }); -const fx = FXS.find((fx) => fx.id === layer.value.fxId); +const fx = FXS[layer.value.fxId]; if (fx == null) { throw new Error(`Unrecognized effect: ${layer.value.fxId}`); } const emit = defineEmits<{ - (e: 'del'): void; - (e: 'swapUp'): void; - (e: 'swapDown'): void; + (ev: 'del'): void; + (ev: 'swapUp'): void; + (ev: 'swapDown'): void; }>(); </script> |