added validation to state and action input fields; updated validation message on create component to include route

Author: megatera

src/components/home_sidebar_items/ComponentTab/CreateComponent.vue

@@ -27,7 +27,7 @@ Description:
           class="input-add"
           no-error-icon
           reactive-rules
-          :rules="[ val => val.length != 0 || 'Please set a component name', val => !Object.keys(this.componentMap).includes(val) || 'A component with this name already exists' ]"
+          :rules="[ val => val.length != 0 || 'Please set a component name', val => !Object.keys(this.componentMap).includes(val) || 'A component/route with this name already exists' ]"
         ></q-input>
       </form>
 

src/components/home_sidebar_items/StoreTab/StoreTab.vue

@@ -29,7 +29,10 @@ Functionality:
             label="Add state to store"
             dense
             class="input-add"
-            v-on:keyup.delete.stop
+            no-error-icon
+            reactive-rules
+            :rules="[val => !this.userState.includes(val) || 'A state with this name already exists']"
+            @keyup.delete.stop
           >
           <template v-slot:append>
             <q-btn
@@ -74,7 +77,10 @@ Functionality:
             label="Add action to store"
             dense
             class="input-add"
-            v-on:keyup.delete.stop
+            @keyup.delete.stop
+            no-error-icon
+            reactive-rules
+            :rules="[val => !this.userActions.includes(val) || 'An action with this name already exists']"
           >
             <template v-slot:append>
               <q-btn