Skip to content

Commit 811163a

Browse files
committed
Update README.md
1 parent b601b16 commit 811163a

File tree

1 file changed

+9
-8
lines changed

1 file changed

+9
-8
lines changed

README.md

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ $ npm install -g @vue/cli
6565
$ yarn global add @vue/cli
6666
```
6767

68-
And then create a project:
68+
And then create a project (refer to [Vue CLI documentation](https://cli.vuejs.org/guide/) and [issue tracker](https://github.com/vuejs/vue-cli/issues) for potential problems on Windows):
6969

7070
```shell
7171
$ vue create my-project
@@ -75,7 +75,7 @@ $ cd my-project
7575
To add Vue Flow Form as a dependency to your Vue project, use the following:
7676

7777
```shell
78-
npm install @ditdot-dev/vue-flow-form --save
78+
$ npm install @ditdot-dev/vue-flow-form --save
7979
```
8080

8181
And then in your App.vue file:
@@ -99,11 +99,11 @@ And then in your App.vue file:
9999
questions: [
100100
// QuestioModel array
101101
new QuestionModel({
102-
question: '...',
102+
question: 'Question',
103103
type: QuestionType.MultipleChoice,
104104
options: [
105105
new ChoiceOption({
106-
label: '...'
106+
label: 'Answer'
107107
})
108108
]
109109
})
@@ -121,7 +121,7 @@ And then in your App.vue file:
121121
</style>
122122
```
123123

124-
## JavaScript via CDN
124+
## Usage with plain JavaScript via CDN
125125

126126
HTML:
127127

@@ -140,11 +140,12 @@ HTML:
140140
<div id="app">
141141
<flow-form v-bind:questions="questions" />
142142
</div>
143+
<script src="app.js"></script>
143144
</body>
144145
</html>
145146
```
146147

147-
JavaScript:
148+
JavaScript (content of app.js):
148149

149150
```js
150151
var app = new Vue({
@@ -153,11 +154,11 @@ var app = new Vue({
153154
return {
154155
questions: [
155156
new FlowForm.QuestionModel({
156-
question: '...',
157+
question: 'Question',
157158
type: FlowForm.QuestionType.MultipleChoice,
158159
options: [
159160
new FlowForm.ChoiceOption({
160-
label: '...'
161+
label: 'Answer'
161162
})
162163
]
163164
})

0 commit comments

Comments
 (0)