Add contextual save options to detail page (#309)

* Add skeleton loader, add loading to v-form, add disabled to v-menu

* Make sure height matches with input

* Add transition to skeleton loader

* Force skeleton loader to adhere to input size on form

* Sneak in this little thing unnoticed

src/components/v-menu/readme.md

@@ -74,6 +74,7 @@ Strap in
 | `offsetY`   | Positions the menu along the Y-Axis so as not to cover any of the activator  | `false`     |
 | `positionX` | "left" css value of menu. Only works with `absolute` or `fixed`              | `undefined` |
 | `positionY` | "top" css value of menu. Only works with `absolute` or `fixed`               | `undefined` |
+| `disabled`  | Prevent the menu from being opened by clicking on the activator              | `false`     |
 
 ### Behavior
 

src/components/v-menu/v-menu.vue

@@ -61,6 +61,10 @@ export default defineComponent({
 			type: Boolean,
 			default: false,
 		},
+		disabled: {
+			type: Boolean,
+			default: false,
+		},
 	},
 	setup(props, { emit }) {
 		const activator = ref<HTMLElement>(null);
@@ -128,6 +132,7 @@ export default defineComponent({
 			}
 
 			function toggle() {
+				if (props.disabled === true) return;
 				isActive.value = !isActive.value;
 			}
 		}