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
|
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}) =>
html.tag('section', {class: 'row'},
{style:
relations.colorVariables
.slot('color', data.color)
.content},
[
html.tag('h2', data.name),
slots.content,
]),
};
|