Skip to content

Commit cc6d5f9

Browse files
committed
tidy up and readme github fix
1 parent d898eda commit cc6d5f9

File tree

4 files changed

+11
-17
lines changed

4 files changed

+11
-17
lines changed

.prettierrc

-6
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,6 @@
1010
"options": {
1111
"singleQuote": true
1212
}
13-
},
14-
{
15-
"files": ["*.yml"],
16-
"options": {
17-
"tabWidth": 2
18-
}
1913
}
2014
],
2115
"svelteSortOrder": "scripts-markup-styles",

MIGRATION_GUIDE.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ v5 is a major release that that includes some ⚠️ BREAKING CHANGES ⚠️
44

55
Removed `isVirtualList` instead `npm i svelte-tiny-virtual-list -D` and
66

7-
```svelte
7+
```html
88
<script>
99
import VirtualList from 'svelte-tiny-virtual-list';
1010
</script>

README.md

+7-7
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,7 @@ See [migration guide](/MIGRATION_GUIDE.md) if upgrading from v4 to v5.
105105

106106
`items` can be simple arrays or collections.
107107

108-
```svelte
108+
```html
109109
<script>
110110
import Select from 'svelte-select';
111111
@@ -125,7 +125,7 @@ See [migration guide](/MIGRATION_GUIDE.md) if upgrading from v4 to v5.
125125

126126
They can also be grouped and include non-selectable items.
127127

128-
```svelte
128+
```html
129129
<script>
130130
import Select from 'svelte-select';
131131
@@ -145,7 +145,7 @@ They can also be grouped and include non-selectable items.
145145

146146
You can also use custom collections.
147147

148-
```svelte
148+
```html
149149
<script>
150150
import Select from 'svelte-select';
151151
@@ -165,7 +165,7 @@ You can also use custom collections.
165165

166166
To load items asynchronously then `loadOptions` is the simplest solution. Supply a function that returns a `Promise` that resolves with a list of items. `loadOptions` has debounce baked in and fires each time `filterText` is updated.
167167

168-
```svelte
168+
```html
169169
<script>
170170
import Select from 'svelte-select';
171171
@@ -187,7 +187,7 @@ To load items asynchronously then `loadOptions` is the simplest solution. Supply
187187

188188
By default List gets appended to the `document.body`. For most use-cases this is fine. If you want more control then supply a `appendListTarget` Element
189189

190-
```svelte
190+
```html
191191
<script>
192192
import Select from 'svelte-select';
193193
@@ -319,7 +319,7 @@ export let ariaFocused = () => {
319319

320320
You can style a component by overriding [the available CSS custom properties](/docs/theming_variables.md).
321321

322-
```svelte
322+
```html
323323
<script>
324324
import Select from 'svelte-select';
325325
</script>
@@ -329,7 +329,7 @@ You can style a component by overriding [the available CSS custom properties](/d
329329

330330
You can also use the `inputStyles` prop to write in any override styles needed for the input.
331331

332-
```svelte
332+
```html
333333
<script>
334334
import Select from 'svelte-select';
335335

src/lib/Select.svelte

+3-3
Original file line numberDiff line numberDiff line change
@@ -66,7 +66,7 @@
6666
export let hasError = false;
6767
export let containerStyles = '';
6868
export let getSelectionLabel = (option) => {
69-
if (option) return sanitiseLabel(option[labelIdentifier])
69+
if (option) return sanitiseLabel(option[labelIdentifier]);
7070
else return null;
7171
};
7272
@@ -322,7 +322,7 @@
322322
listAutoWidth,
323323
listOffset,
324324
suggestionMode,
325-
computePlacement
325+
computePlacement,
326326
};
327327
328328
$: filteredItems = filter({
@@ -796,7 +796,7 @@
796796
width: var(--width, auto);
797797
overflow: hidden;
798798
}
799-
799+
800800
.svelte-select input {
801801
cursor: default;
802802
border: none;

0 commit comments

Comments
 (0)