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
|
export default {
contentDependencies: ['generateColorStyleAttribute'],
extraDependencies: ['html'],
relations: (relation, row) => ({
colorStyle:
relation('generateColorStyleAttribute', row.color),
}),
data: (row) =>
({name: row.name}),
slots: {
content: {
type: 'html',
mutable: false,
},
},
generate: (data, relations, slots, {html}) =>
html.tag('section', {class: 'row'},
relations.colorStyle,
[
html.tag('h2', data.name),
slots.content,
]),
};
|