Separated stash create dialog component.

components/stashes/menu.vue

@@ -12,6 +12,16 @@
 				/>{{ userStash.name }}
 			</label>
 		</li>
+
+		<li class="menu-item create">
+			<label
+				class="menu-stash"
+				@click="emit('create')"
+			>
+				<Icon icon="plus3" />
+				New
+			</label>
+		</li>
 	</ul>
 </template>
 
@@ -29,22 +39,32 @@ defineProps({
 	},
 });
 
-const emit = defineEmits(['stash', 'unstash']);
+const emit = defineEmits(['stash', 'unstash', 'create']);
 </script>
 
 <style scoped>
 .menu-item {
-	display: block;
+	display: flex;
+
+	.icon {
+		fill: var(--shadow-weak-10);
+		padding: 0 .55rem 0 .2rem;
+	}
 }
 
 .menu-stash {
 	display: flex;
+	width: 100%;
 	align-items: center;
 	padding: .5rem;
 
 	&:hover {
 		cursor: pointer;
 		color: var(--primary);
+
+		.icon {
+			fill: var(--primary);
+		}
 	}
 
 	.check-container {