« get me outta code hell

content: generateColorStyleAttribute - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/content/dependencies/image.js
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2023-12-29 23:58:38 -0400
committer(quasar) nebula <qznebula@protonmail.com>2023-12-30 16:26:36 -0400
commit3fb01a3022a3f47c0e1e6e76771a35fce23a128b (patch)
treec8b23f194b1c632b02c926cb1b3eeb0b1084cca7 /src/content/dependencies/image.js
parentf400a43640e7106d181d55365a9617c3d12e5891 (diff)
content: generateColorStyleAttribute
Diffstat (limited to 'src/content/dependencies/image.js')
-rw-r--r--src/content/dependencies/image.js14
1 files changed, 7 insertions, 7 deletions
diff --git a/src/content/dependencies/image.js b/src/content/dependencies/image.js
index 91bae43..9fa2ba1 100644
--- a/src/content/dependencies/image.js
+++ b/src/content/dependencies/image.js
@@ -14,10 +14,11 @@ export default {
     'to',
   ],
 
-  contentDependencies: ['generateColorStyleVariables'],
+  contentDependencies: ['generateColorStyleAttribute'],
 
   relations: (relation) => ({
-    colorVariables: relation('generateColorStyleVariables'),
+    colorStyle:
+      relation('generateColorStyleAttribute'),
   }),
 
   data(artTags) {
@@ -122,9 +123,8 @@ export default {
 
     const colorStyle =
       slots.color &&
-        relations.colorVariables
-          .slot('color', slots.color)
-          .content;
+        relations.colorStyle
+          .slot('color', slots.color);
 
     const willSquare = slots.square;
 
@@ -262,7 +262,7 @@ export default {
 
       wrapped =
         html.tag('div', {class: 'image-container'},
-          {style: styleOnContainer},
+          styleOnContainer,
 
           !originalSrc &&
             {style: 'placeholder-image'},
@@ -295,7 +295,7 @@ export default {
           html.tag('a', {class: ['box', 'image-link']},
             {id: idOnLink},
             {class: classOnLink},
-            {style: styleOnLink},
+            styleOnLink,
 
             hide &&
               {class: 'js-hide'},