Skip to content

Commit d0229f1

Browse files
committed
update readme
1 parent 6417376 commit d0229f1

File tree

1 file changed

+29
-6
lines changed

1 file changed

+29
-6
lines changed

README.md

Lines changed: 29 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -14,12 +14,6 @@ Installation:
1414
npm install vue-filepond --save
1515
```
1616

17-
For browser:
18-
19-
```html
20-
<script src="https://unpkg.com/vue-filepond"></script>
21-
```
22-
2317
Usage:
2418

2519
```vue
@@ -78,4 +72,33 @@ export default {
7872
</script>
7973
```
8074

75+
76+
Usage in the browser:
77+
78+
```html
79+
80+
<link rel="stylesheet" href="https://unpkg.com/filepond/dist/filepond.min.css">
81+
<link rel="stylesheet" href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css">
82+
83+
<script src="https://unpkg.com/filepond-plugin-image-preview"></script>
84+
<script src="https://unpkg.com/filepond"></script>
85+
<script src="https://unpkg.com/vue"></script>
86+
<script src="https://unpkg.com/vue-filepond"></script>
87+
88+
<div id="app">
89+
<file-pond></file-pond>
90+
</div>
91+
92+
<script>
93+
new Vue({
94+
el: '#app',
95+
components: {
96+
FilePond: vueFilePond.default(FilePondPluginImagePreview)
97+
}
98+
})
99+
</script>
100+
101+
```
102+
103+
81104
[Read the docs for more information](https://pqina.nl/filepond/docs/patterns/frameworks/vue/)

0 commit comments

Comments
 (0)