Added regex to handle url parts

pages/index.vue

@@ -182,19 +182,27 @@
                 id="url"
                 name="url"
                 type="url"
-                v-model="url"
+                v-model="uri"
               />
             </li>
+            <div>
               <li>
-              <label for="path">{{ $t("path") }}</label>
+                <label class="hide-on-small-screen" for="send">&nbsp;</label>
-              <input
+                <button
-                @keyup.enter="isValidURL ? sendRequest() : null"
+                  :disabled="!isValidURL"
-                id="path"
+                  @click="sendRequest"
-                name="path"
+                  id="send"
-                v-model="path"
+                  ref="sendButton"
-                @input="pathInputHandler"
+                >
-              />
+                  {{ $t("send") }}
+                  <span>
+                    <i class="material-icons">send</i>
+                  </span>
+                </button>
               </li>
+            </div>
+          </ul>
+          <ul>
             <li>
               <label for="label">{{ $t("label") }}</label>
               <input
@@ -1533,6 +1541,20 @@ export default {
     },
   },
   computed: {
+    uri: {
+      get() {
+        return this.url + this.path;
+      },
+      set(value) {
+        let uriRegex = value.match(
+        /^((http[s]?:\/\/)?(<<[^\/]+>>)?[^\/]*|)(\/?.*)$/
+      );
+        let url = uriRegex[1];
+        let path = uriRegex[4];
+        this.url = url;
+        this.path = path;
+      }
+    },
     url: {
       get() {
         return this.$store.state.request.url