added routes

Author: drewngyen

package-lock.json

@@ -17,6 +17,7 @@
     "mousetrap": "^1.6.3",
     "quasar": "^1.0.0",
     "vue-draggable-resizable": "^2.0.0-rc2",
+    "vue-loader": "^15.7.0",
     "vue-multiselect": "^2.1.6",
     "vued3tree": "^3.7.1"
   },

package.json

@@ -13,7 +13,6 @@
       >
       </q-input>
     </form>
-
     <div class="icon-container">
       <Icons @getClickedIcon="addToSelectedElementList" />
     </div>

src/components/CreateComponent.vue

@@ -26,18 +26,8 @@
         <q-card>
           <q-card-section>
             <div class="input-container">
-              <q-input
-                standout="bg-teal text-white"
-                bottom-slots
-                v-model="text"
-                label="Add Route"
-                :dense="dense"
-                class="input-add"
-              >
-                <template v-slot:append>
-                  <q-btn round dense flat icon="add" />
-                </template>
-              </q-input>
+              <RouteDisplay />
+              <br>
             </div>
           </q-card-section>
         </q-card>
@@ -90,6 +80,15 @@
     </q-list>
   </div>
 </template>
+<script>
+import RouteDisplay from '../components/RouteDisplay'
+
+export default {
+  components: {
+    RouteDisplay
+  }
+}
+</script>
 
 <style lang="stylus" scoped>
 .input-add {