Fixed #3802 - Improve folder structure for nuxt configurations

components/lib/breadcrumb/Breadcrumb.vue

@@ -0,0 +1,72 @@
+<template>
+    <nav class="p-breadcrumb p-component">
+        <ol class="p-breadcrumb-list">
+            <BreadcrumbItem v-if="home" :item="home" class="p-breadcrumb-home" :template="$slots.item" :exact="exact" />
+            <template v-for="(item, i) of model" :key="item.label">
+                <li v-if="home || i !== 0" class="p-menuitem-separator">
+                    <span class="pi pi-chevron-right" aria-hidden="true"></span>
+                </li>
+                <BreadcrumbItem :item="item" :template="$slots.item" :exact="exact" />
+            </template>
+        </ol>
+    </nav>
+</template>
+
+<script>
+import BreadcrumbItem from './BreadcrumbItem.vue';
+
+export default {
+    name: 'Breadcrumb',
+    props: {
+        model: {
+            type: Array,
+            default: null
+        },
+        home: {
+            type: null,
+            default: null
+        },
+        exact: {
+            type: Boolean,
+            default: true
+        }
+    },
+    components: {
+        BreadcrumbItem: BreadcrumbItem
+    }
+};
+</script>
+
+<style>
+.p-breadcrumb {
+    overflow-x: auto;
+}
+
+.p-breadcrumb .p-breadcrumb-list {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+    display: flex;
+    align-items: center;
+    flex-wrap: nowrap;
+}
+
+.p-breadcrumb .p-menuitem-text {
+    line-height: 1;
+}
+
+.p-breadcrumb .p-menuitem-link {
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+}
+
+.p-breadcrumb .p-menuitem-separator {
+    display: flex;
+    align-items: center;
+}
+
+.p-breadcrumb::-webkit-scrollbar {
+    display: none;
+}
+</style>