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
|
import ProjectListItem from './project_list_item.vue';
export default {
component: ProjectListItem,
title: 'vue_shared/components/project_selector/project_list_item',
};
const Template = (args, { argTypes }) => ({
components: { ProjectListItem },
props: Object.keys(argTypes),
template: '<project-list-item v-bind="$props" />',
});
export const Default = Template.bind({});
Default.args = {
project: {
id: '1',
name: 'MyProject',
name_with_namespace: 'path / to / MyProject',
},
selected: false,
};
export const SelectedProject = Template.bind({});
SelectedProject.args = {
...Default.args,
selected: true,
};
export const MatchedProject = Template.bind({});
MatchedProject.args = {
...Default.args,
matcher: 'proj',
};
|