#49 feat: gráficos de provenance (proveedores-organizaciones y territorios) en el resumen público

src/components/provenance/ProvenanceSection.vue

@@ -0,0 +1,29 @@
+<template>
+  <div v-if="provenance && provenance.length > 0">
+    <v-divider class="my-4" />
+    <h3 class="text-h6 font-weight-bold mb-1">Origen e historia de los productos</h3>
+    <p class="text-body-2 text-medium-emphasis mb-4">
+      Conoce quiénes producen los productos que compras y de qué territorios provienen.
+    </p>
+
+    <h4 class="text-subtitle-1 font-weight-medium mb-2">Proveedores y organizaciones</h4>
+    <ProductSupplierOrganizationChart :provenance="provenance" />
+
+    <v-divider class="my-4" />
+
+    <h4 class="text-subtitle-1 font-weight-medium mb-2">Departamento y municipio</h4>
+    <ProductTerritoryChart :provenance="provenance" />
+  </div>
+</template>
+
+<script setup>
+  import ProductSupplierOrganizationChart from './ProductSupplierOrganizationChart.vue'
+  import ProductTerritoryChart from './ProductTerritoryChart.vue'
+
+  defineProps({
+    provenance: {
+      type: Array,
+      default: null,
+    },
+  })
+</script>