@@ -91,14 +91,14 @@ export default {
91
91
props: {
92
92
user: {
93
93
type: String ,
94
- required: true ,
95
- },
94
+ required: true
95
+ }
96
96
},
97
97
setup (props ) {
98
98
console .log (props) // { user: '' }
99
99
100
100
return {} // anything returned here will be available for the rest of the component
101
- },
101
+ }
102
102
// the "rest" of the component
103
103
}
104
104
```
@@ -298,14 +298,14 @@ Whenever `counter` is modified, for example `counter.value = 5`, the watch will
298
298
export default {
299
299
data () {
300
300
return {
301
- counter: 0 ,
301
+ counter: 0
302
302
}
303
303
},
304
304
watch: {
305
305
counter (newValue , oldValue ) {
306
306
console .log (' The new counter value is: ' + this .counter )
307
- },
308
- },
307
+ }
308
+ }
309
309
}
310
310
```
311
311
@@ -420,7 +420,7 @@ export default function useUserRepositories(user) {
420
420
421
421
return {
422
422
repositories,
423
- getUserRepositories,
423
+ getUserRepositories
424
424
}
425
425
}
426
426
```
@@ -435,14 +435,14 @@ import { ref, computed } from 'vue'
435
435
export default function useRepositoryNameSearch (repositories ) {
436
436
const searchQuery = ref (' ' )
437
437
const repositoriesMatchingSearchQuery = computed (() => {
438
- return repositories .value .filter (( repository ) => {
438
+ return repositories .value .filter (repository => {
439
439
return repository .name .includes (searchQuery .value )
440
440
})
441
441
})
442
442
443
443
return {
444
444
searchQuery,
445
- repositoriesMatchingSearchQuery,
445
+ repositoriesMatchingSearchQuery
446
446
}
447
447
}
448
448
```
@@ -509,19 +509,24 @@ export default {
509
509
props: {
510
510
user: {
511
511
type: String ,
512
- required: true ,
513
- },
512
+ required: true
513
+ }
514
514
},
515
515
setup (props ) {
516
516
const { user } = toRefs (props)
517
517
518
518
const { repositories , getUserRepositories } = useUserRepositories (user)
519
519
520
- const { searchQuery , repositoriesMatchingSearchQuery } =
521
- useRepositoryNameSearch (repositories)
520
+ const {
521
+ searchQuery ,
522
+ repositoriesMatchingSearchQuery
523
+ } = useRepositoryNameSearch (repositories)
522
524
523
- const { filters , updateFilters , filteredRepositories } =
524
- useRepositoryFilters (repositoriesMatchingSearchQuery)
525
+ const {
526
+ filters ,
527
+ updateFilters ,
528
+ filteredRepositories
529
+ } = useRepositoryFilters (repositoriesMatchingSearchQuery)
525
530
526
531
return {
527
532
// Since we don’t really care about the unfiltered repositories
@@ -530,9 +535,9 @@ export default {
530
535
getUserRepositories,
531
536
searchQuery,
532
537
filters,
533
- updateFilters,
538
+ updateFilters
534
539
}
535
- },
540
+ }
536
541
}
537
542
```
538
543
0 commit comments