⬅️ Back to Table of Contents
📄 demo.vue
📊 Analysis Summary
Metric |
Count |
📦 Imports |
5 |
📊 Variables & Constants |
4 |
🟢 Vue Composition API |
2 |
📐 Interfaces |
1 |
📚 Table of Contents
🛠️ File Location:
📂 packages/integrations/useFuse/demo.vue
📦 Imports
Name |
Source |
UseFuseOptions |
@vueuse/integrations |
useFuse |
@vueuse/integrations |
computed |
vue |
shallowRef |
vue |
watch |
vue |
Variables & Constants
Name |
Type |
Kind |
Value |
Exported |
data |
boolean |
let/var |
`shallowRef([ |
|
{ |
|
|
|
|
firstName: 'Roslyn', |
|
|
|
|
lastName: 'Mitchell', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Cathleen', |
|
|
|
|
lastName: 'Matthews', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Carleton', |
|
|
|
|
lastName: 'Harrelson', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Allen', |
|
|
|
|
lastName: 'Moores', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'John', |
|
|
|
|
lastName: 'Washington', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Brooke', |
|
|
|
|
lastName: 'Colton', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Mary', |
|
|
|
|
lastName: 'Rennold', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Nanny', |
|
|
|
|
lastName: 'Field', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Chasity', |
|
|
|
|
lastName: 'Michael', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Oakley', |
|
|
|
|
lastName: 'Giles', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Johanna', |
|
|
|
|
lastName: 'Shepherd', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Maybelle', |
|
|
|
|
lastName: 'Wilkie', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Dawson', |
|
|
|
|
lastName: 'Rowntree', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Manley', |
|
|
|
|
lastName: 'Pond', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Lula', |
|
|
|
|
lastName: 'Sawyer', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Hudson', |
|
|
|
|
lastName: 'Hext', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Alden', |
|
|
|
|
lastName: 'Senior', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Tory', |
|
|
|
|
lastName: 'Hyland', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Constance', |
|
|
|
|
lastName: 'Josephs', |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
firstName: 'Larry', |
|
|
|
|
lastName: 'Kinsley', |
|
|
|
|
}, |
|
|
|
|
])` |
✗ |
|
|
|
resultLimit |
number |
let/var |
shallowRef<number | undefined>(undefined) |
✗ |
resultLimitString |
boolean |
let/var |
shallowRef<string>('') |
✗ |
options |
boolean |
let/var |
`computed>(() => ({ |
|
fuseOptions: { |
|
|
|
|
keys: keys.value, |
|
|
|
|
isCaseSensitive: isCaseSensitive.value, |
|
|
|
|
threshold: exactMatch.value ? 0 : undefined, |
|
|
|
|
}, |
|
|
|
|
resultLimit: resultLimit.value, |
|
|
|
|
matchAllWhenSearchEmpty: matchAllWhenSearchEmpty.value, |
|
|
|
|
}))` |
✗ |
|
|
|
Vue Composition API
Name |
Type |
Reactive Variables |
Composables |
computed |
computed |
none |
none |
watch |
watch |
none |
none |
Interfaces
DataItem
Interface Code
interface DataItem {
firstName: string
lastName: string
}
Properties
Name |
Type |
Optional |
Description |
firstName |
string |
✗ |
|
lastName |
string |
✗ |
|