Merge branch 'main' into room-cleaning

app/src/components/v-icon/custom-icons/bookmark_save.vue

@@ -0,0 +1,21 @@
+<template functional>
+	<svg
+		viewBox="0 0 24 24"
+		width="24"
+		height="24"
+		fill="none"
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		stroke-linejoin="round"
+		stroke-miterlimit="2"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<path
+			d="M18.38 3.6c-.38-.4-.83-.6-1.36-.6H6.98c-.53 0-1 .2-1.4.6-.38.42-.56.88-.56 1.42V21L12 18l6.98 3V5.02c0-.54-.2-1-.6-1.41zm-8.05 11.5l6.7-6.7-1.4-1.4-5.3 5.3-1.92-1.93L7 11.79l3.33 3.33z"
+		/>
+	</svg>
+</template>
+
+<script lang="ts">
+export default {};
+</script>

app/src/components/v-icon/v-icon.vue

@@ -16,6 +16,7 @@ import { defineComponent, computed } from '@vue/composition-api';
 import useSizeClass, { sizeProps } from '@/composables/size-class';
 
 import CustomIconDirectus from './custom-icons/directus.vue';
+import CustomIconBookmarkSave from './custom-icons/bookmark_save.vue';
 import CustomIconBox from './custom-icons/box.vue';
 import CustomIconCommitNode from './custom-icons/commit_node.vue';
 import CustomIconGrid1 from './custom-icons/grid_1.vue';
@@ -34,6 +35,7 @@ import CustomIconLogout from './custom-icons/logout.vue';
 
 const customIcons: string[] = [
 	'directus',
+	'bookmark_save',
 	'box',
 	'commit_node',
 	'grid_1',
@@ -54,6 +56,7 @@ const customIcons: string[] = [
 export default defineComponent({
 	components: {
 		CustomIconDirectus,
+		CustomIconBookmarkSave,
 		CustomIconBox,
 		CustomIconCommitNode,
 		CustomIconGrid1,

app/src/components/v-tabs/readme.md

@@ -13,7 +13,7 @@ device.
 		<v-tab><v-icon name="help" left /> Help</v-tab>
 	</v-tabs>
 
-	<v-tabs-items>
+	<v-tabs-items v-model="selection">
 		<v-tab-item>I'm the content for Home!</v-tab-item>
 		<v-tab-item>I'm the content for News!</v-tab-item>
 		<v-tab-item>I'm the content for Help!</v-tab-item>