Skip to content

Commit 61c8ff1

Browse files
committed
chore: update readme
1 parent 3c72530 commit 61c8ff1

File tree

1 file changed

+34
-0
lines changed

1 file changed

+34
-0
lines changed

ui/README.md

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,40 @@ export default {
7171
</script>
7272
```
7373

74+
### Caching
75+
76+
If you would like to pre-load one or more icon sets, so they are cached, you can load the UMD variant.
77+
78+
You can do this by adding to your **App.vue** file:
79+
80+
```html
81+
<template>
82+
<div id="q-app">
83+
<router-view />
84+
</div>
85+
</template>
86+
87+
<script>
88+
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/eva-icons.umd.js'
89+
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/fontawesome-v5.umd.js'
90+
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/ionicons-v4.umd.js'
91+
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-outlined.umd.js'
92+
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-round.umd.js'
93+
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons-sharp.umd.js'
94+
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/material-icons.umd.js'
95+
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/mdi-v4.umd.js'
96+
import '@quasar/quasar-ui-qiconpicker/dist/icon-set/themify.umd.js'
97+
export default {
98+
name: 'App'
99+
}
100+
</script>
101+
102+
<style>
103+
</style>
104+
```
105+
106+
Don't add them all (unless you have this requirement). Remove the ones from above you won't be needing.
107+
74108
## UMD variant
75109

76110
Exports `window.QIconPicker`.

0 commit comments

Comments
 (0)