Skip to content

Commit a52141a

Browse files
authored
docs(contributing): change dependencies graph to mermaid (#6901)
1 parent d01c091 commit a52141a

File tree

1 file changed

+23
-21
lines changed

1 file changed

+23
-21
lines changed

.github/contributing.md

Lines changed: 23 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -222,27 +222,29 @@ This is made possible via several configurations:
222222

223223
### Package Dependencies
224224

225-
```
226-
+---------------------+
227-
| |
228-
| @vue/compiler-sfc |
229-
| |
230-
+-----+--------+------+
231-
| |
232-
v v
233-
+---------------------+ +----------------------+
234-
| | | |
235-
+------------>| @vue/compiler-dom +--->| @vue/compiler-core |
236-
| | | | |
237-
+----+----+ +---------------------+ +----------------------+
238-
| |
239-
| vue |
240-
| |
241-
+----+----+ +---------------------+ +----------------------+ +-------------------+
242-
| | | | | | |
243-
+------------>| @vue/runtime-dom +--->| @vue/runtime-core +--->| @vue/reactivity |
244-
| | | | | |
245-
+---------------------+ +----------------------+ +-------------------+
225+
```mermaid
226+
flowchart LR
227+
compiler-sfc["@vue/compiler-sfc"]
228+
compiler-dom["@vue/compiler-dom"]
229+
compiler-core["@vue/compiler-core"]
230+
vue["vue"]
231+
runtime-dom["@vue/runtime-dom"]
232+
runtime-core["@vue/runtime-core"]
233+
reactivity["@vue/reactivity"]
234+
235+
subgraph "Runtime Packages"
236+
runtime-dom --> runtime-core
237+
runtime-core --> reactivity
238+
end
239+
240+
subgraph "Compiler Packages"
241+
compiler-sfc --> compiler-core
242+
compiler-sfc --> compiler-dom
243+
compiler-dom --> compiler-core
244+
end
245+
246+
vue ---> compiler-dom
247+
vue --> runtime-dom
246248
```
247249

248250
There are some rules to follow when importing across package boundaries:

0 commit comments

Comments
 (0)