diff --git a/src/lib/setup/base.js b/src/lib/setup/base.js index 952c28cd..04f145f9 100644 --- a/src/lib/setup/base.js +++ b/src/lib/setup/base.js @@ -29,16 +29,8 @@ import symbols from '../symbols.js' import { trigger } from '../reactivity/effect.js' -const shaders = { - radius: 'radius', +const shaderAlias = { rounded: 'radius', - border: 'border', - borderTop: 'borderTop', - borderBottom: 'borderBottom', - borderLeft: 'borderLeft', - borderRight: 'borderRight', - grayScale: 'grayscale', - glitch: 'glitch', } export default (component) => { @@ -101,9 +93,12 @@ export default (component) => { }, shader: { value: function (type, args) { - if (type in shaders) { + const target = shaderAlias[type] || type + const shaders = renderer.driver.stage.shManager.getRegisteredEffects() + + if (target in shaders) { return { - type: shaders[type], + type: target, props: args, } } else {