processo di cancellazione di una resource

Cristiano Magro

2025-01-07 ada7d27da93a1a59a4b2c54abeaa1e072a5793d5

processo di cancellazione di una resource

presenta un problema

 10 - course project/xno-prj-cmp-01-starting-setup/src/components/learning-resource/LearningResource.vue

@@ -3,7 +3,9 @@
    <base-card>
      <header>
        <h3>{{ title }}</h3>
        <base-button mode="flat">Delete</base-button>
        <base-button mode="flat" @click="deleteResource(id)"
          >Delete</base-button
        >
      </header>
      <p>{{ description }}</p>
      <nav>
@@ -15,7 +17,8 @@

<script>
export default {
  props: ['title', 'description', 'link'],
  props: ['id', 'title', 'description', 'link'],
  inject: ['deleteResource'],
};
</script>


 10 - course project/xno-prj-cmp-01-starting-setup/src/components/learning-resource/StoredResource.vue

@@ -3,6 +3,7 @@
    <learning-resource
      v-for="res in resources"
      :key="res.id"
      :id="res.id"
      :title="res.title"
      :description="res.description"
      :link="res.link"

 10 - course project/xno-prj-cmp-01-starting-setup/src/components/learning-resource/TheResources.vue

@@ -56,6 +56,7 @@
    return {
      resources: this.storedResouces,
      addResource: this.addResource,
      deleteResource: this.removeResource,
    };
  },
  methods: {
@@ -73,6 +74,12 @@
      this.storedResouces.unshift(newResource);
      this.selectedTab = 'stored-resources';
    },
    removeResource(resId) {
      this.storedResouces = this.storedResouces.filter(
        (res) => res.id !== resId
      );
      console.log(this.storedResouces.length);
    },
  },
};
</script>