Skip to content

Commit f19b019

Browse files
committed
Merge branch 'master' of https://github.com/pqina/vue-filepond
2 parents 0472c05 + 23661b5 commit f19b019

File tree

1 file changed

+32
-22
lines changed

1 file changed

+32
-22
lines changed

README.md

Lines changed: 32 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ Vue FilePond is a handy adapter component for [FilePond](https://github.com/pqin
44

55
[![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/pqina/vue-filepond/blob/master/LICENSE)
66
[![npm version](https://badge.fury.io/js/vue-filepond.svg)](https://www.npmjs.com/package/vue-filepond)
7+
[![Support on Patreon](https://img.shields.io/badge/support-patreon-salmon.svg)](https://www.patreon.com/rikschennink)
78

89
<img src="https://github.com/pqina/filepond-github-assets/blob/master/filepond-animation-01.gif?raw=true" width="370" alt=""/>
910

@@ -75,28 +76,37 @@ export default {
7576
Usage in the browser:
7677

7778
```html
78-
79-
<link rel="stylesheet" href="https://unpkg.com/filepond/dist/filepond.min.css">
80-
<link rel="stylesheet" href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css">
81-
82-
<script src="https://unpkg.com/filepond-plugin-image-preview"></script>
83-
<script src="https://unpkg.com/filepond"></script>
84-
<script src="https://unpkg.com/vue"></script>
85-
<script src="https://unpkg.com/vue-filepond"></script>
86-
87-
<div id="app">
88-
<file-pond></file-pond>
89-
</div>
90-
91-
<script>
92-
new Vue({
93-
el: '#app',
94-
components: {
95-
FilePond: vueFilePond.default(FilePondPluginImagePreview)
96-
}
97-
})
98-
</script>
99-
79+
<!doctype html>
80+
<html>
81+
<head>
82+
<title>Vue in Browser</title>
83+
84+
<link rel="stylesheet" href="https://unpkg.com/filepond/dist/filepond.min.css">
85+
<link rel="stylesheet" href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css">
86+
87+
</head>
88+
<body>
89+
90+
<div id="app">
91+
<file-pond></file-pond>
92+
</div>
93+
94+
<script src="https://unpkg.com/filepond-plugin-image-preview"></script>
95+
<script src="https://unpkg.com/filepond"></script>
96+
<script src="https://unpkg.com/vue"></script>
97+
<script src="https://unpkg.com/vue-filepond"></script>
98+
99+
<script>
100+
new Vue({
101+
el: '#app',
102+
components: {
103+
FilePond: vueFilePond.default(FilePondPluginImagePreview)
104+
}
105+
})
106+
</script>
107+
108+
</body>
109+
</html>
100110
```
101111

102112

0 commit comments

Comments
 (0)