You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: README.md
+8-8Lines changed: 8 additions & 8 deletions
Original file line number
Diff line number
Diff line change
@@ -56,7 +56,7 @@ Preprocessor can operate in the following modes:
56
56
-`mixed` - scopes non-class selectors with svelte scoping in addition to `native` (same as preprocessor `v1`)
57
57
-`scoped` - scopes classes with svelte scoping in addition to `mixed`
58
58
59
-
The mode can be set globally from the preprocessor options or locally to override the global settings per component.
59
+
The mode can be **set globally from the preprocessor options** or **locally to override the global settings** per component.
60
60
61
61
**Mixed mode**
62
62
```html
@@ -105,11 +105,11 @@ The mode can be set globally from the preprocessor options or locally to overrid
105
105
Toggle a class on an element.
106
106
107
107
```html
108
-
<scriptmodule>
108
+
<script>
109
109
let isActive =true;
110
110
</script>
111
111
112
-
<style>
112
+
<stylemodule>
113
113
.bold { font-weight: bold; }
114
114
</style>
115
115
@@ -131,11 +131,11 @@ Toggle a class on an element.
131
131
**Use of shorthand**
132
132
133
133
```html
134
-
<scriptmodule>
134
+
<script>
135
135
let active =true;
136
136
</script>
137
137
138
-
<style>
138
+
<stylemodule>
139
139
.active { font-weight: bold; }
140
140
</style>
141
141
@@ -180,7 +180,7 @@ Force a selector to be scoped within a component to prevent style inheritance on
180
180
181
181
/**
182
182
* Not needed rule because of the use of :local()
183
-
.secondary strong { font-weight: 700 }
183
+
.child strong { font-weight: 700 }
184
184
*/
185
185
</style>
186
186
@@ -442,10 +442,10 @@ module.exports = {
442
442
443
443
### Svelte Preprocess
444
444
445
-
Chaining multiple preprocessors which are using the svelte parser and walker may throw errors because of the way svelte runs its preprocessor in two phases. [Read more here](https://github.com/firefish5000/svelte-as-markup-preprocessor#motivation)
445
+
Chaining several preprocessors may lead to errors if the svelte parser and walker is being manipulated multiple time. This issue is due to the way svelte runs its preprocessor in two phases. [Read more here](https://github.com/firefish5000/svelte-as-markup-preprocessor#motivation)
446
446
447
447
448
-
In that situationthe use of the package `svelte-as-markup-preprocessor` becomes necessary.
448
+
In that situation, we recommend the use of the package [`svelte-as-markup-preprocessor`](https://github.com/firefish5000/svelte-as-markup-preprocessor).
0 commit comments