File tree Expand file tree Collapse file tree 1 file changed +20
-22
lines changed
packages/core/src/routes/(test)/multiselect Expand file tree Collapse file tree 1 file changed +20
-22
lines changed Original file line number Diff line number Diff line change @@ -3,6 +3,7 @@ import { page } from "$app/stores";
3
3
import { useMultiSelectFilters } from " ./_hooks/multi-select" ;
4
4
5
5
const [q, helpers] = useMultiSelectFilters ($page .url );
6
+ const CATEGORIES = [" books" , " electronics" , " toys" ];
6
7
7
8
function updateCategories(category : string ) {
8
9
const categories = q .categories .includes (category )
@@ -13,26 +14,23 @@ function updateCategories(category: string) {
13
14
</script >
14
15
15
16
<ul >
16
- <li >
17
- <label >
18
- <input
19
- type =" checkbox"
20
- value =" books"
21
- onchange ={() => updateCategories (" books" )}
22
- checked ={q .categories .includes (" books" )}
23
- />
24
- Books
25
- </label >
26
- </li >
27
- <li >
28
- <label >
29
- <input
30
- type =" checkbox"
31
- value =" electronics"
32
- onchange ={() => updateCategories (" electronics" )}
33
- checked ={q .categories .includes (" electronics" )}
34
- />
35
- Electronics
36
- </label >
37
- </li >
17
+ {#each CATEGORIES as category }
18
+ <li >
19
+ <label >
20
+ <input
21
+ type =" checkbox"
22
+ value ={category }
23
+ onchange ={() => updateCategories (category )}
24
+ checked ={q .categories .includes (category )}
25
+ />
26
+ {category }
27
+ </label >
28
+ </li >
29
+ {/each }
30
+ </ul >
31
+
32
+ <ul >
33
+ {#each q .categories as category }
34
+ <li >{category }</li >
35
+ {/each }
38
36
</ul >
You can’t perform that action at this time.
0 commit comments