Skip to content

Commit a4acb6a

Browse files
committed
Update README.md
1 parent 26bdc86 commit a4acb6a

File tree

2 files changed

+16
-8
lines changed

2 files changed

+16
-8
lines changed

README.md

+12-5
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,11 @@
22

33
Create conversational conditional-logic forms with Vue.js.
44

5+
<p>
6+
<a href="https://github.com/ditdot-dev/vue-flow-form/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@ditdot-dev/vue-flow-form.svg?sanitize=true&amp;color=41B883" alt="License" /></a>
7+
<a href="https://www.npmjs.com/package/@ditdot-dev/vue-flow-form"><img src="https://img.shields.io/npm/v/@ditdot-dev/vue-flow-form.svg?sanitize=true&amp;color=41B883" alt="Version" /></a>
8+
</p>
9+
510
<p align="center">
611
<img src="https://www.ditdot.hr/demo/vff/visuals/v-form-green-full-rotate-02.png" alt="v-form screenshots">
712
</p>
@@ -13,7 +18,7 @@ Create conversational conditional-logic forms with Vue.js.
1318

1419
## Project Documentation
1520

16-
[Guide](https://www.ditdot.hr/en/docs/vue-flow-form-guide)
21+
* [Guide](https://www.ditdot.hr/en/docs/vue-flow-form-guide)
1722

1823
## Example Project
1924

@@ -125,7 +130,9 @@ And then in your App.vue file:
125130
/* Import Vue Flow Form base CSS */
126131
@import '~@ditdot-dev/vue-flow-form/dist/vue-flow-form.css';
127132
/* Import one of the Vue Flow Form CSS themes (optional) */
128-
@import '~@ditdot-dev/vue-flow-form/dist/vue-flow-form.theme.css';
133+
@import '~@ditdot-dev/vue-flow-form/dist/vue-flow-form.theme-minimal.css';
134+
@import '~@ditdot-dev/vue-flow-form/dist/vue-flow-form.theme-green.css';
135+
@import '~@ditdot-dev/vue-flow-form/dist/vue-flow-form.theme-purple.css';
129136
</style>
130137
```
131138

@@ -138,11 +145,11 @@ HTML:
138145
<head>
139146
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.2.6/vue.min.js"></script>
140147
<!-- Flow Form -->
141-
<script src="https://unpkg.com/@ditdot-dev/vue-flow-form@1.0.9"></script>
148+
<script src="https://unpkg.com/@ditdot-dev/vue-flow-form@1.1.0"></script>
142149
<!-- Flow Form base CSS -->
143-
<link rel="stylesheet" href="https://unpkg.com/@ditdot-dev/vue-flow-form@1.0.9/dist/vue-flow-form.min.css">
150+
<link rel="stylesheet" href="https://unpkg.com/@ditdot-dev/vue-flow-form@1.1.0/dist/vue-flow-form.min.css">
144151
<!-- Optional theme.css -->
145-
<link rel="stylesheet" href="https://unpkg.com/@ditdot-dev/vue-flow-form@1.0.9/dist/vue-flow-form.theme.css">
152+
<link rel="stylesheet" href="https://unpkg.com/@ditdot-dev/vue-flow-form@1.1.0/dist/vue-flow-form.theme-minimal.min.css">
146153
</head>
147154
<body>
148155
<div id="app">

package.json

+4-3
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"name": "@ditdot-dev/vue-flow-form",
33
"author": "DITDOT",
44
"description": "Create conversational conditional-logic forms with Vue.js.",
5-
"version": "1.0.9",
5+
"version": "1.1.0",
66
"private": false,
77
"repository": {
88
"type": "git",
@@ -36,8 +36,9 @@
3636
],
3737
"scripts": {
3838
"serve": "vue-cli-service serve",
39-
"build": "vue-cli-service build",
40-
"build:npm": "rollup --config build/rollup.config.js"
39+
"build": "vue-cli-service build && npm run cssmin",
40+
"build:npm": "rollup --config build/rollup.config.js",
41+
"cssmin": "postcss dist/vue-flow-form.theme-minimal.css > dist/vue-flow-form.theme-minimal.min.css && postcss dist/vue-flow-form.theme-green.css > dist/vue-flow-form.theme-green.min.css && dist/vue-flow-form.theme-purple.css > dist/vue-flow-form.theme-purple.min.css"
4142
},
4243
"eslintConfig": {
4344
"root": true,

0 commit comments

Comments
 (0)