Skip to content

Commit 2446bd2

Browse files
Update README.md
1 parent 21deb75 commit 2446bd2

File tree

1 file changed

+33
-4
lines changed

1 file changed

+33
-4
lines changed

README.md

Lines changed: 33 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -70,11 +70,40 @@ export default {
7070
</script>
7171
```
7272

73+
You can also use it directly in the browser through [unpkg's CDN](https://unpkg.com/vue-picture-input) (or [jsDelivr](https://cdn.jsdelivr.net/npm/vue-picture-input)):
74+
75+
```html
76+
<!DOCTYPE html>
77+
<html>
78+
<head>
79+
<script src="https://unpkg.com/vue"></script>
80+
<script src="https://unpkg.com/vue-picture-input"></script>
81+
<title>In the browser!</title>
82+
</head>
83+
<body>
84+
<div id="app">
85+
<p>{{ message }}</p>
86+
<picture-input></picture-input>
87+
</div>
88+
<script>
89+
var app = new Vue({
90+
el: '#app',
91+
data: {
92+
message: 'Hello Vue!'
93+
},
94+
components: {
95+
'picture-input': PictureInput
96+
}
97+
})
98+
</script>
99+
</body>
100+
</html>
101+
```
102+
73103
## Example project
74104

75-
You can find an example project here: https://github.com/alessiomaffeis/vue-picture-input-example
105+
Try it on CodeSandbox: https://codesandbox.io/s/github/alessiomaffeis/vue-picture-input-example
76106

77-
Demo: https://alessiomaffeis.github.io/vue-picture-input-example/
78107

79108
## Props
80109

@@ -140,7 +169,7 @@ Default value: true.
140169

141170
## Contributions
142171

143-
All contributions are welcome, as long as they are within the scope of the project.
172+
All contributions are welcome, as long as they are within the scope of the project. Please open a new issue before submitting a pull request.
144173

145-
Please follow the Javascript Standard Style guidelines:
174+
You should follow the Javascript Standard Style guidelines:
146175
https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style

0 commit comments

Comments
 (0)