tidy up and readme github fix

.prettierrc

@@ -10,12 +10,6 @@
             "options": {
                 "singleQuote": true
             }
-        },
-        {
-            "files": ["*.yml"],
-            "options": {
-                "tabWidth": 2
-            }
         }
     ],
     "svelteSortOrder": "scripts-markup-styles",

MIGRATION_GUIDE.md

@@ -4,7 +4,7 @@ v5 is a major release that that includes some ⚠️ BREAKING CHANGES ⚠️
 
 Removed `isVirtualList` instead `npm i svelte-tiny-virtual-list -D` and
 
-```svelte
+```html
 <script>
   import VirtualList from 'svelte-tiny-virtual-list';
 </script>

README.md

@@ -105,7 +105,7 @@ See [migration guide](/MIGRATION_GUIDE.md) if upgrading from v4 to v5.
 
 `items` can be simple arrays or collections.
 
-```svelte
+```html
 <script>
   import Select from 'svelte-select';
 
@@ -125,7 +125,7 @@ See [migration guide](/MIGRATION_GUIDE.md) if upgrading from v4 to v5.
 
 They can also be grouped and include non-selectable items.
 
-```svelte
+```html
 <script>
   import Select from 'svelte-select';
 
@@ -145,7 +145,7 @@ They can also be grouped and include non-selectable items.
 
 You can also use custom collections.
 
-```svelte
+```html
 <script>
   import Select from 'svelte-select';
 
@@ -165,7 +165,7 @@ You can also use custom collections.
 
 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.
 
-```svelte
+```html
 <script>
   import Select from 'svelte-select';
 
@@ -187,7 +187,7 @@ To load items asynchronously then `loadOptions` is the simplest solution. Supply
 
 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
 
-```svelte
+```html
 <script>
   import Select from 'svelte-select';
 
@@ -319,7 +319,7 @@ export let ariaFocused = () => {
 
 You can style a component by overriding [the available CSS custom properties](/docs/theming_variables.md).
 
-```svelte
+```html
 <script>
   import Select from 'svelte-select';
 </script>
@@ -329,7 +329,7 @@ You can style a component by overriding [the available CSS custom properties](/d
 
 You can also use the `inputStyles` prop to write in any override styles needed for the input.
 
-```svelte
+```html
 <script>
   import Select from 'svelte-select';
 

src/lib/Select.svelte

@@ -66,7 +66,7 @@
     export let hasError = false;
     export let containerStyles = '';
     export let getSelectionLabel = (option) => {
-        if (option) return sanitiseLabel(option[labelIdentifier])
+        if (option) return sanitiseLabel(option[labelIdentifier]);
         else return null;
     };
 
@@ -322,7 +322,7 @@
         listAutoWidth,
         listOffset,
         suggestionMode,
-        computePlacement
+        computePlacement,
     };
 
     $: filteredItems = filter({
@@ -796,7 +796,7 @@
         width: var(--width, auto);
         overflow: hidden;
     }
-    
+
     .svelte-select input {
         cursor: default;
         border: none;