1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
|
export default {
contentDependencies: ['generateColorStyleVariables'],
extraDependencies: ['html'],
relations(relation) {
return {
colorVariables:
relation('generateColorStyleVariables'),
};
},
data(row) {
return {
name: row.name,
color: row.color,
};
},
slots: {
content: {type: 'html'},
},
generate(data, relations, slots, {html}) {
return (
html.tag('section',
{
class: 'row',
style: relations.colorVariables.slot('color', data.color).content,
},
[
html.tag('h2', data.name),
slots.content,
]));
},
};
|
