2019-07-12 20:40:54 +02:00
|
|
|
# Breaking changes
|
2020-11-15 10:28:47 +08:00
|
|
|
|
2019-07-12 20:40:54 +02:00
|
|
|
### Breaking changes from history version to latest version:
|
|
|
|
|
|
|
|
## #1
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
mermaid.initialize({
|
|
|
|
sequenceDiagram:{
|
|
|
|
...
|
|
|
|
}
|
|
|
|
})
|
|
|
|
```
|
|
|
|
|
|
|
|
has been changed to
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
mermaid.initialize({
|
|
|
|
sequence:{
|
|
|
|
...
|
|
|
|
}
|
|
|
|
})
|
|
|
|
```
|
|
|
|
|
|
|
|
## #2
|
|
|
|
|
2022-08-19 17:55:50 +01:00
|
|
|
In old versions you needed to reference a CSS file in your HTML:
|
2019-07-12 20:40:54 +02:00
|
|
|
|
|
|
|
```html
|
2022-09-05 01:00:47 +05:30
|
|
|
<link rel="stylesheet" href="mermaid.min.css" />
|
2019-07-12 20:40:54 +02:00
|
|
|
```
|
|
|
|
|
|
|
|
or
|
|
|
|
|
|
|
|
```html
|
2022-09-05 01:00:47 +05:30
|
|
|
<link rel="stylesheet" href="mermaid.forest.min.css" />
|
2019-07-12 20:40:54 +02:00
|
|
|
```
|
|
|
|
|
2022-08-19 17:55:50 +01:00
|
|
|
Now it is not needed, and there are no more CSS files in the distribution files.
|
2019-07-12 20:40:54 +02:00
|
|
|
|
2022-08-19 17:55:50 +01:00
|
|
|
You just:
|
2019-07-12 20:40:54 +02:00
|
|
|
|
|
|
|
```javascript
|
|
|
|
mermaid.initialize({
|
2022-09-05 01:00:47 +05:30
|
|
|
theme: 'forest',
|
|
|
|
});
|
2019-07-12 20:40:54 +02:00
|
|
|
```
|
|
|
|
|
2022-08-19 17:55:50 +01:00
|
|
|
and it works like a charm because now the CSS is inline with the SVG to allow simpler portability.
|