From 4da3272bf7893760f6710c9a1ec7de02358136e6 Mon Sep 17 00:00:00 2001
From: HampusM <hampus@hampusmat.com>
Date: Sat, 5 Jun 2021 19:37:52 +0200
Subject: Reorganized into a monorepo, refactored the frontend again, goodbye
 Parcel

---
 packages/client/src/components/BaseBreadcrumb.vue | 39 +++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 packages/client/src/components/BaseBreadcrumb.vue

(limited to 'packages/client/src/components/BaseBreadcrumb.vue')

diff --git a/packages/client/src/components/BaseBreadcrumb.vue b/packages/client/src/components/BaseBreadcrumb.vue
new file mode 100644
index 0000000..91c0109
--- /dev/null
+++ b/packages/client/src/components/BaseBreadcrumb.vue
@@ -0,0 +1,39 @@
+<template>
+	<nav aria-label="breadcrumb">
+		<ol class="breadcrumb">
+			<li
+				v-for="(item, index) in items" class="breadcrumb-item"
+				:key="index">
+				<router-link :to="item.path">
+					{{ item.name }}
+				</router-link>
+			</li>
+			<li class="breadcrumb-item active" aria-current="page">
+				{{ activeItem }}
+			</li>
+		</ol>
+	</nav>
+</template>
+
+<script>
+export default {
+	name: "BaseBreadcrumb",
+	props: {
+		items: {
+			type: Array,
+			required: true
+		},
+		activeItem: {
+			type: String,
+			required: true
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+@use "../scss/colors";
+@import "../scss/bootstrap";
+
+@import "~bootstrap/scss/breadcrumb";
+</style>
-- 
cgit v1.2.3-18-g5258

