view(Frontend): make dinamic summary_purchase.

tienda_ilusion/don_confiao/frontend/don-confiao/src/components/SummaryPurchase.vue

@@ -1,7 +1,14 @@
 <template>
+
   <v-container>
+    <v-container v-show="!id">
       <v-toolbar>
-      <v-toolbar-title> Resumen de la compra </v-toolbar-title>
+        <v-toolbar-title> No se indicó Id de la compra</v-toolbar-title>
+      </v-toolbar>
+    </v-container>
+    <v-container v-show="id">
+      <v-toolbar>
+        <v-toolbar-title> Resumen de la compra {{ id }}</v-toolbar-title>
       </v-toolbar>
       <v-list>
         <v-list-item>
@@ -35,12 +42,15 @@
         </template>
       </v-data-table-virtual>
     </v-container>
+  </v-container>
 </template>
+
 <script>
   export default {
     name: 'SummaryPurchase',
     props: {
-      msg: String
+      msg: String,
+      id: String
     },
     data () {
       return {
@@ -54,7 +64,11 @@
       };
     },
     created() {
-      this.fetchPurchase(1);
+      if (this.id) {
+        this.fetchPurchase(this.id);
+      } else {
+        console.error('No se proporcionó un ID de compra.');
+      }
     },
     methods: {
       fetchPurchase(purchaseId) {

tienda_ilusion/don_confiao/frontend/don-confiao/src/pages/summary_purchase.vue

@@ -1,5 +1,5 @@
 <template>
-  <SummaryPurchase />
+  <SummaryPurchase :id="$route.query.id"/>
 </template>
 
 <script setup>