this repo has no description
Add CRC Card component
+82
-9
+5
-8
components.d.ts
+5
-8
components.d.ts
···
1
1
// generated by unplugin-vue-components
2
2
// We suggest you to commit this file into source control
3
-
// Read more: https://github.com/vuejs/core/pull/3399
4
-
import '@vue/runtime-core'
3
+
// Read more: https://github.com/vuejs/vue-next/pull/3399
5
4
6
-
export {}
7
-
8
-
declare module '@vue/runtime-core' {
5
+
declare module 'vue' {
9
6
export interface GlobalComponents {
10
7
AboutMe: typeof import('./src/components/presentation/about-me.vue')['default']
11
8
AppHeader: typeof import('./src/components/app-header.vue')['default']
12
9
BlogPosts: typeof import('./src/components/posts/blog-posts.vue')['default']
10
+
CrcCard: typeof import('./src/components/architecture/crc-card.vue')['default']
13
11
ForgettingCurve: typeof import('./src/components/smart-notes/forgetting-curve.vue')['default']
14
-
Island: typeof import('./node_modules/.pnpm/iles@0.8.7_sass@1.56.1/node_modules/iles/dist/client/app/components/Island.vue')['default']
15
12
JulienCalixte: typeof import('./src/components/core/julien-calixte.vue')['default']
16
13
MyBooks: typeof import('./src/components/presentation/my-books.vue')['default']
17
14
MyProjects: typeof import('./src/components/presentation/my-projects.vue')['default']
18
15
ProductionFlow: typeof import('./src/components/flow/ProductionFlow.vue')['default']
19
-
RouterLink: typeof import('vue-router')['RouterLink']
20
-
RouterView: typeof import('vue-router')['RouterView']
21
16
Welcome: typeof import('./src/components/Welcome.vue')['default']
22
17
}
23
18
}
19
+
20
+
export { }
+1
-1
src/app.ts
+1
-1
src/app.ts
+76
src/components/architecture/crc-card.vue
+76
src/components/architecture/crc-card.vue
···
1
+
<script setup lang="ts">
2
+
interface Props {
3
+
name: string,
4
+
responsabilities?: string[]
5
+
collaborators?: string[]
6
+
}
7
+
8
+
withDefaults(defineProps<Props>(), {
9
+
responsabilities: () => [],
10
+
collaborators: () => []
11
+
})
12
+
</script>
13
+
14
+
<template>
15
+
<div class="crc-card">
16
+
<h3>{{ name }}</h3>
17
+
<section>
18
+
<div class="responsabilities">
19
+
<hr>
20
+
<ol>
21
+
<li v-for="responsability in responsabilities" :key="responsability">
22
+
{{ responsability }}
23
+
</li>
24
+
</ol>
25
+
</div>
26
+
<div class="collaborators" v-if="collaborators.length">
27
+
<hr>
28
+
<ol>
29
+
<li v-for="collaborator in collaborators" :key="collaborator">
30
+
{{ collaborator }}
31
+
</li>
32
+
</ol>
33
+
</div>
34
+
</section>
35
+
</div>
36
+
</template>
37
+
38
+
<style scoped lang="scss">
39
+
.crc-card {
40
+
min-height: 200px;
41
+
background-color: #561b00;
42
+
padding: 1rem;
43
+
margin: 1rem 0;
44
+
border-radius: 15px;
45
+
font-family: 'Cousine', monospace;
46
+
47
+
hr {
48
+
margin-bottom: 1rem;
49
+
}
50
+
51
+
section {
52
+
display: flex;
53
+
justify-content: space-between;
54
+
}
55
+
56
+
ol {
57
+
margin: 1rem;
58
+
font-size: 12pt;
59
+
}
60
+
61
+
.responsabilities {
62
+
hr {
63
+
margin: 0 1rem;
64
+
}
65
+
}
66
+
67
+
.collaborators {
68
+
border-left: 2px groove white;
69
+
padding-left: 1rem;
70
+
71
+
hr {
72
+
visibility: hidden;
73
+
}
74
+
}
75
+
}
76
+
</style>