diff --git a/package-lock.json b/package-lock.json
index cb95939..d004397 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,9 +1,25 @@
 {
-  "name": "vue-openapi",
+  "name": "@koumoul/vue-openapi",
   "version": "0.11.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@koumoul/httpsnippet": {
+      "version": "1.16.7",
+      "resolved": "https://registry.npmjs.org/@koumoul/httpsnippet/-/httpsnippet-1.16.7.tgz",
+      "integrity": "sha512-WQf5kzJk0Z7Ik4cXL67WcupNgIY0Qls6FcKCTjWWmLlKBGoj5V4ShWBE8U7/7mOqcKegIGts4k98umoA2dCokA==",
+      "requires": {
+        "chalk": "^1.1.1",
+        "commander": "^2.9.0",
+        "debug": "^2.2.0",
+        "event-stream": "^3.3.2",
+        "form-data": "^2.3.3",
+        "fs-readfile-promise": "^2.0.1",
+        "fs-writefile-promise": "^1.0.3",
+        "har-validator": "^5.0.0",
+        "pinkie-promise": "^2.0.0"
+      }
+    },
     "@sindresorhus/is": {
       "version": "0.7.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-0.7.0.tgz",
@@ -113,14 +129,12 @@
     "ansi-regex": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
-      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
-      "dev": true
+      "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
     },
     "ansi-styles": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
-      "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
-      "dev": true
+      "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
     },
     "anymatch": {
       "version": "1.3.2",
@@ -1432,7 +1446,6 @@
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
       "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
-      "dev": true,
       "requires": {
         "ansi-styles": "^2.2.1",
         "escape-string-regexp": "^1.0.2",
@@ -1526,8 +1539,7 @@
     "co": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
-      "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=",
-      "dev": true
+      "integrity": "sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ="
     },
     "coa": {
       "version": "1.0.4",
@@ -1607,8 +1619,7 @@
     "commander": {
       "version": "2.11.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-2.11.0.tgz",
-      "integrity": "sha512-b0553uYA5YAEGgyYIGYROzKQ7X5RAqedkfjiZxwi0kL1g3bOaBNNZfYkzt/CL0umgD5wc9Jec2FbB98CjkMRvQ==",
-      "dev": true
+      "integrity": "sha512-b0553uYA5YAEGgyYIGYROzKQ7X5RAqedkfjiZxwi0kL1g3bOaBNNZfYkzt/CL0umgD5wc9Jec2FbB98CjkMRvQ=="
     },
     "commondir": {
       "version": "1.0.1",
@@ -1989,7 +2000,6 @@
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dev": true,
       "requires": {
         "ms": "2.0.0"
       }
@@ -2152,6 +2162,11 @@
         "domelementtype": "1"
       }
     },
+    "duplexer": {
+      "version": "0.1.1",
+      "resolved": "http://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz",
+      "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E="
+    },
     "duplexer3": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
@@ -2429,8 +2444,7 @@
     "escape-string-regexp": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
-      "dev": true
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
     },
     "escope": {
       "version": "3.6.0",
@@ -2631,6 +2645,21 @@
         "es5-ext": "~0.10.14"
       }
     },
+    "event-stream": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/event-stream/-/event-stream-3.3.6.tgz",
+      "integrity": "sha512-dGXNg4F/FgVzlApjzItL+7naHutA3fDqbV/zAZqDDlXTjiMnQmZKu+prImWKszeBM5UQeGvAl3u1wBiKeDh61g==",
+      "requires": {
+        "duplexer": "^0.1.1",
+        "flatmap-stream": "^0.1.0",
+        "from": "^0.1.7",
+        "map-stream": "0.0.7",
+        "pause-stream": "^0.0.11",
+        "split": "^1.0.1",
+        "stream-combiner": "^0.2.2",
+        "through": "^2.3.8"
+      }
+    },
     "eventemitter3": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-1.2.0.tgz",
@@ -2692,6 +2721,16 @@
         "is-extglob": "^1.0.0"
       }
     },
+    "fast-deep-equal": {
+      "version": "1.1.0",
+      "resolved": "http://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-1.1.0.tgz",
+      "integrity": "sha1-wFNHeBfIa1HaqFPIHgWbcz0CNhQ="
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz",
+      "integrity": "sha1-1RQsDK7msRifh9OnYREGT4bIu/I="
+    },
     "fast-levenshtein": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
@@ -2811,6 +2850,11 @@
         "write": "^0.2.1"
       }
     },
+    "flatmap-stream": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/flatmap-stream/-/flatmap-stream-0.1.1.tgz",
+      "integrity": "sha512-lAq4tLbm3sidmdCN8G3ExaxH7cUCtP5mgDvrYowsx84dcYkJJ4I28N7gkxA6+YlSXzaGLJYIDEi9WGfXzMiXdw=="
+    },
     "flatten": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/flatten/-/flatten-1.0.2.tgz",
@@ -2873,6 +2917,11 @@
       "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
       "dev": true
     },
+    "from": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/from/-/from-0.1.7.tgz",
+      "integrity": "sha1-g8YK/Fi5xWmXAH7Rp2izqzA6RP4="
+    },
     "from2": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
@@ -2893,6 +2942,38 @@
         "universalify": "^0.1.0"
       }
     },
+    "fs-readfile-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/fs-readfile-promise/-/fs-readfile-promise-2.0.1.tgz",
+      "integrity": "sha1-gAI4I5gfn//+AWCei+Zo9prknnA=",
+      "requires": {
+        "graceful-fs": "^4.1.2"
+      }
+    },
+    "fs-writefile-promise": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/fs-writefile-promise/-/fs-writefile-promise-1.0.3.tgz",
+      "integrity": "sha1-4C+bWP/CVe2CKtx6ARFPRF1I0GM=",
+      "requires": {
+        "mkdirp-promise": "^1.0.0",
+        "pinkie-promise": "^1.0.0"
+      },
+      "dependencies": {
+        "pinkie": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-1.0.0.tgz",
+          "integrity": "sha1-Wkfyi6EBXQIBvae/DzWOR77Ix+Q="
+        },
+        "pinkie-promise": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-1.0.0.tgz",
+          "integrity": "sha1-0dpn9UglY7t89X8oauKCLs+/NnA=",
+          "requires": {
+            "pinkie": "^1.0.0"
+          }
+        }
+      }
+    },
     "fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -3547,8 +3628,34 @@
     "graceful-fs": {
       "version": "4.1.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.1.11.tgz",
-      "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg=",
-      "dev": true
+      "integrity": "sha1-Dovf5NHduIVNZOBOp8AOKgJuVlg="
+    },
+    "har-schema": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+      "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI="
+    },
+    "har-validator": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.0.tgz",
+      "integrity": "sha512-+qnmNjI4OfH2ipQ9VQOw23bBd/ibtfbVdK2fYbY4acTDqKTW/YDp9McimZdDbG8iV9fZizUqQMD5xvriB146TA==",
+      "requires": {
+        "ajv": "^5.3.0",
+        "har-schema": "^2.0.0"
+      },
+      "dependencies": {
+        "ajv": {
+          "version": "5.5.2",
+          "resolved": "https://registry.npmjs.org/ajv/-/ajv-5.5.2.tgz",
+          "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=",
+          "requires": {
+            "co": "^4.6.0",
+            "fast-deep-equal": "^1.0.0",
+            "fast-json-stable-stringify": "^2.0.0",
+            "json-schema-traverse": "^0.3.0"
+          }
+        }
+      }
     },
     "has": {
       "version": "1.0.1",
@@ -3563,7 +3670,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
       "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
-      "dev": true,
       "requires": {
         "ansi-regex": "^2.0.0"
       }
@@ -4185,6 +4291,11 @@
         }
       }
     },
+    "json-schema-traverse": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.3.1.tgz",
+      "integrity": "sha1-NJptRMU6Ud6JtAgFxdXlm0F9M0A="
+    },
     "json-schema-view-js": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-schema-view-js/-/json-schema-view-js-1.0.1.tgz",
@@ -4439,6 +4550,11 @@
       "integrity": "sha512-k4F1JUof6cQXxNFzx3thLby4oJzXTXQueAOOts944Vqizn+Rjc2QNFenT9FJSLU1CH3PmrHRSyZs2E+Cqw+P2w==",
       "dev": true
     },
+    "map-stream": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.7.tgz",
+      "integrity": "sha1-ih8HiW2CsQkmvTdEokIACfiJdKg="
+    },
     "marked": {
       "version": "0.3.19",
       "resolved": "https://registry.npmjs.org/marked/-/marked-0.3.19.tgz",
@@ -4579,6 +4695,11 @@
         "minimist": "0.0.8"
       }
     },
+    "mkdirp-promise": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/mkdirp-promise/-/mkdirp-promise-1.1.0.tgz",
+      "integrity": "sha1-LISJPtZ24NmPsY+5piEv0bK5qBk="
+    },
     "ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
@@ -4973,6 +5094,14 @@
         "pinkie-promise": "^2.0.0"
       }
     },
+    "pause-stream": {
+      "version": "0.0.11",
+      "resolved": "http://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz",
+      "integrity": "sha1-/lo0sMvOErWqaitAPuLnO2AvFEU=",
+      "requires": {
+        "through": "~2.3"
+      }
+    },
     "pbkdf2": {
       "version": "3.0.14",
       "resolved": "https://registry.npmjs.org/pbkdf2/-/pbkdf2-3.0.14.tgz",
@@ -4995,14 +5124,12 @@
     "pinkie": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
-      "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
-      "dev": true
+      "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA="
     },
     "pinkie-promise": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
       "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
-      "dev": true,
       "requires": {
         "pinkie": "^2.0.0"
       }
@@ -6460,6 +6587,14 @@
       "integrity": "sha1-yd96NCRZSt5r0RkA1ZZpbcBrrFc=",
       "dev": true
     },
+    "split": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/split/-/split-1.0.1.tgz",
+      "integrity": "sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==",
+      "requires": {
+        "through": "2"
+      }
+    },
     "sprintf-js": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
@@ -6481,6 +6616,15 @@
         "readable-stream": "^2.0.2"
       }
     },
+    "stream-combiner": {
+      "version": "0.2.2",
+      "resolved": "http://registry.npmjs.org/stream-combiner/-/stream-combiner-0.2.2.tgz",
+      "integrity": "sha1-rsjLrBd7Vrb0+kec7YwZEs7lKFg=",
+      "requires": {
+        "duplexer": "~0.1.1",
+        "through": "~2.3.4"
+      }
+    },
     "stream-http": {
       "version": "2.7.2",
       "resolved": "https://registry.npmjs.org/stream-http/-/stream-http-2.7.2.tgz",
@@ -6532,7 +6676,6 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
       "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
-      "dev": true,
       "requires": {
         "ansi-regex": "^2.0.0"
       }
@@ -6577,8 +6720,7 @@
     "supports-color": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
-      "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
-      "dev": true
+      "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
     },
     "svgo": {
       "version": "0.7.2",
@@ -6667,8 +6809,7 @@
     "through": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
-      "dev": true
+      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU="
     },
     "timed-out": {
       "version": "4.0.1",
diff --git a/package.json b/package.json
index 102ee3a..32f43de 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
+    "@koumoul/httpsnippet": "^1.16.7",
     "form-data": "^2.3.3",
     "json-formatter-js": "^2.2.0",
     "json-schema-ref-parser": "^5.0.3",
diff --git a/src/OpenApi.vue b/src/OpenApi.vue
index 6f4ac12..809eed5 100644
--- a/src/OpenApi.vue
+++ b/src/OpenApi.vue
@@ -2,11 +2,11 @@
 <div class="openapi">
   <md-layout md-column>
     <md-layout md-row>
-      <md-layout md-column md-flex-small="50" md-flex-medium="70" md-flex-large="80">
+      <md-layout md-column md-flex-small="50" md-flex-medium="70" md-flex-large="80" md-flex-xlarge="80">
         <h2 class="md-display-1" style="padding-left:8px;">{{api.info.title}}</h2>
         <div v-if="api.info.description" v-html="marked(api.info.description || '')" style="padding-left:8px;"></div>
       </md-layout>
-      <md-layout md-column md-flex-small="50" md-flex-medium="30" md-flex-large="20">
+      <md-layout md-column md-flex-small="50" md-flex-medium="30" md-flex-large="20" md-flex-xlarge="20">
         <md-card v-if="api.info">
           <md-list class="md-dense">
             <md-list-item v-if="api.info.contact && api.info.contact.url">
@@ -64,7 +64,8 @@
                 <h2>Request</h2>
                 <request-form ref="requestForm" :selectedEntry="selectedEntry" :currentRequest="currentRequest"></request-form>
                 <div>
-                  <md-button class="md-raised md-accent" @click.native="request">Execute</md-button>
+                  <md-button class="md-raised md-accent" @click.native="request" style="float: right;">Execute</md-button>
+                  <md-button class="md-raised md-primary" @click.native="prepareHTTPRequest();$refs.snippetDialog.open()" style="float: right;">Snippet</md-button>
                 </div>
               </md-layout>
 
@@ -150,6 +151,18 @@
     </md-dialog-actions>
   </md-dialog>
 
+  <md-dialog ref="snippetDialog" class="snippet-dialog">
+    <md-dialog-title>Snippet</md-dialog-title>
+
+    <md-dialog-content v-if="httpRequest && httpRequest.url && httpRequest.method">
+      <snippet :request="httpRequest" />
+    </md-dialog-content>
+
+    <md-dialog-actions>
+      <md-button @click.native="$refs.snippetDialog.close()">ok</md-button>
+    </md-dialog-actions>
+  </md-dialog>
+
 </div>
 </template>
 
@@ -163,6 +176,7 @@ import ResponsesTable from './ResponsesTable.vue'
 import SecurityTable from './SecurityTable.vue'
 import ParametersTable from './ParametersTable.vue'
 import SchemaView from './SchemaView.vue'
+import Snippet from './Snippet.vue'
 import VueMaterial from 'vue-material'
 import deref from 'json-schema-ref-parser'
 import stringify from 'json-stringify-pretty-compact'
@@ -177,7 +191,8 @@ export default {
     ResponsesTable,
     SecurityTable,
     ParametersTable,
-    SchemaView
+    SchemaView,
+    Snippet
   },
   props: ['api', 'headers', 'queryParams'],
   data: () => ({
@@ -192,7 +207,8 @@ export default {
       security: {}
     },
     currentResponse: null,
-    tags: {}
+    tags: {},
+    httpRequest: null
   }),
   mounted: function() {
     if (this.$refs.menu.$children.length) this.$refs.menu.$children[0].toggleExpandList()
@@ -268,13 +284,59 @@ export default {
       this.currentFields = fields
       this.$refs.fieldsDialog.open()
     },
-    request() {
-      this.currentResponse = null
-      let formData
-      if (this.selectedEntry.requestBody && this.selectedEntry.requestBody.selectedType === 'multipart/form-data') {
-        formData = this.$refs.requestForm.getFormData()
+    prepareHTTPRequest() {
+      const entry = this.selectedEntry
+      const request = this.currentRequest
+      if (!entry || !request) return
+      let params = Object.assign({}, ...(entry.parameters || [])
+        .filter(p => p.in === 'query' && (p.schema.type === 'array' ? request.params[p.name].length : request.params[p.name]))
+        .map(p => ({
+          // TODO : join character for array should depend of p.style
+          [p.name]: p.schema.type === 'array' ? request.params[p.name].join(',') : request.params[p.name]
+        }))
+      )
+      let headers = Object.assign({}, ...(entry.parameters || [])
+        .filter(p => p.in === 'header' && (p.schema.type === 'array' ? request.params[p.name].length : request.params[p.name]))
+        .map(p => ({
+          // TODO : join character for array should depend of p.style
+          [p.name]: p.schema.type === 'array' ? request.params[p.name].join(',') : request.params[p.name]
+        }))
+      )
+
+      entry.security
+        .filter(s => !!request.security[s.scheme.name])
+        .forEach(s => {
+          if (s.scheme.in === 'header') {
+            headers[s.scheme.name] = request.security[s.scheme.name]
+          } else if (s.scheme.in === 'query') {
+            params[s.scheme.name] = request.security[s.scheme.name]
+          }
+        })
+
+      const httpRequest = {
+        method: entry.method,
+        url: this.api.servers.length && (this.api.servers[0].url + entry.path.replace(/{(\w*)}/g, (m, key) => {
+          return request.params[key]
+        })),
+        params,
+        headers
+      }
+
+      const contentType = this.selectedEntry.requestBody && this.selectedEntry.requestBody.selectedType
+      if (contentType) {
+        headers['content-type'] = this.selectedEntry.requestBody.selectedType
+        if (contentType === 'multipart/form-data') {
+          httpRequest.body = this.$refs.requestForm.getFormData()
+        } else {
+          httpRequest.body = request.body
+        }
       }
-      fetch(this.currentRequest, this.selectedEntry, this.api, formData).then(res => {
+
+      this.httpRequest = httpRequest
+    },
+    request() {
+      this.prepareHTTPRequest()
+      Vue.http(this.httpRequest).then(res => {
         this.currentResponse = res
       }, res => {
         this.currentResponse = res
@@ -283,51 +345,6 @@ export default {
   }
 }
 
-/*
- * HTTP requests utils
- */
-
-function fetch(request, entry, api, formData) {
-  let params = Object.assign({}, ...(entry.parameters || [])
-    .filter(p => p.in === 'query' && (p.schema.type === 'array' ? request.params[p.name].length : request.params[p.name]))
-    .map(p => ({
-      // TODO : join character for array should depend of p.style
-      [p.name]: p.schema.type === 'array' ? request.params[p.name].join(',') : request.params[p.name]
-    }))
-  )
-  let headers = Object.assign({}, ...(entry.parameters || [])
-    .filter(p => p.in === 'header' && (p.schema.type === 'array' ? request.params[p.name].length : request.params[p.name]))
-    .map(p => ({
-      // TODO : join character for array should depend of p.style
-      [p.name]: p.schema.type === 'array' ? request.params[p.name].join(',') : request.params[p.name]
-    }))
-  )
-
-  entry.security
-    .filter(s => !!request.security[s.scheme.name])
-    .forEach(s => {
-      if (s.scheme.in === 'header') {
-        headers[s.scheme.name] = request.security[s.scheme.name]
-      } else if (s.scheme.in === 'query') {
-        params[s.scheme.name] = request.security[s.scheme.name]
-      }
-    })
-
-  const httpRequest = {
-    method: entry.method,
-    url: api.servers.length && (api.servers[0].url + entry.path.replace(/{(\w*)}/g, (m, key) => {
-      return request.params[key]
-    })),
-    params,
-    headers
-  }
-  if (entry.requestBody) {
-    httpRequest.headers['Content-type'] = entry.requestBody.selectedType
-    httpRequest.body = formData || request.body
-  }
-  return Vue.http(httpRequest)
-}
-
 /*
  * Tags management utils
  */
diff --git a/src/Snippet.vue b/src/Snippet.vue
new file mode 100644
index 0000000..38437c9
--- /dev/null
+++ b/src/Snippet.vue
@@ -0,0 +1,55 @@
+<template lang="html">
+  <div>
+    <pre>
+      <code>
+{{ snippet }}
+      </code>
+    </pre>
+  </div>
+</template>
+
+<script>
+const HTTPSnippet = require('@koumoul/httpsnippet')
+
+export default {
+  props: ['request'],
+  computed: {
+    snippet() {
+      const harRequest = {
+        method: this.request.method.toUpperCase(),
+        url: this.request.url,
+        headers: Object.keys(this.request.headers).map(name => ({name, value: this.request.headers[name]})),
+        queryString: Object.keys(this.request.params).map(name => ({name, value: this.request.params[name]}))
+      }
+      const contentType = this.request.headers['content-type']
+      if (contentType) {
+        if (contentType === 'multipart/form-data') {
+          const params = []
+          for (let entry of this.request.body.entries()) {
+            if (entry[1] instanceof File) {
+              params.push({name: entry[0], value: '@' + entry[1].name})
+            } else {
+              params.push({name: entry[0], value: entry[1]})
+            }
+          }
+          harRequest.postData = {
+            mimeType: contentType,
+            params
+          }
+        } else {
+          harRequest.postData = {
+            mimeType: contentType,
+            text: this.request.body
+          }
+        }
+      }
+      return new HTTPSnippet(harRequest).convert('shell', 'curl', {
+        indent: '     '
+      })
+    }
+  }
+}
+</script>
+
+<style lang="css">
+</style>
diff --git a/test/app.js b/test/app.js
index bdc3d41..4a1e1b5 100644
--- a/test/app.js
+++ b/test/app.js
@@ -5,6 +5,7 @@ import 'vue-material/dist/vue-material.css'
 import VueResource from 'vue-resource'
 
 // import jsonApi from './official-examples/api-with-examples.json'
+// import jsonApi from './dataset-datafair.json'
 import jsonApi from './multipart.json'
 
 Vue.use(VueResource)
diff --git a/test/multipart.json b/test/multipart.json
index d0f357c..79e2492 100644
--- a/test/multipart.json
+++ b/test/multipart.json
@@ -33,6 +33,10 @@
         "summary": "Lister les jeux de données.",
         "operationId": "listDatasets",
         "tags": ["Jeux de données"],
+        "parameters": [{
+          "name": "filter",
+          "in": "query"
+        }],
         "responses": {
           "200": {
             "content": {