Skip to content

Commit 56ad24a

Browse files
author
Michael Vurchio
committed
Fix Readme
1 parent 80494c8 commit 56ad24a

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

README.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ Preprocessor can operate in the following modes:
5656
- `mixed` - scopes non-class selectors with svelte scoping in addition to `native` (same as preprocessor `v1`)
5757
- `scoped` - scopes classes with svelte scoping in addition to `mixed`
5858

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.
6060

6161
**Mixed mode**
6262
```html
@@ -105,11 +105,11 @@ The mode can be set globally from the preprocessor options or locally to overrid
105105
Toggle a class on an element.
106106

107107
```html
108-
<script module>
108+
<script>
109109
let isActive = true;
110110
</script>
111111

112-
<style>
112+
<style module>
113113
.bold { font-weight: bold; }
114114
</style>
115115

@@ -131,11 +131,11 @@ Toggle a class on an element.
131131
**Use of shorthand**
132132

133133
```html
134-
<script module>
134+
<script>
135135
let active = true;
136136
</script>
137137

138-
<style>
138+
<style module>
139139
.active { font-weight: bold; }
140140
</style>
141141

@@ -180,7 +180,7 @@ Force a selector to be scoped within a component to prevent style inheritance on
180180
181181
/**
182182
* Not needed rule because of the use of :local()
183-
.secondary strong { font-weight: 700 }
183+
.child strong { font-weight: 700 }
184184
*/
185185
</style>
186186

@@ -442,10 +442,10 @@ module.exports = {
442442

443443
### Svelte Preprocess
444444

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)
446446

447447

448-
In that situation the 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).
449449

450450
```bash
451451
npm install --save-dev svelte-as-markup-preprocessor

0 commit comments

Comments
 (0)