Deleting Items

Cristiano Magro

2025-01-07 203c2c03ce649f54ee990489d9ac231f5bac0eda

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

@@ -11,7 +11,9 @@
      >Add Resource</base-button
    >
  </base-card>
  <component :is="selectedTab"></component>
  <KeepAlive>
    <component :is="selectedTab"></component>
  </KeepAlive>
</template>

<script>
@@ -53,12 +55,31 @@
  provide() {
    return {
      resources: this.storedResouces,
      addResource: this.addResource,
      deleteResource: this.removeResource,
    };
  },
  methods: {
    setSelectedTab(tab) {
      this.selectedTab = tab;
    },
    addResource(title, description, url) {
      const newResource = {
        id: new Date().toISOString(),
        title: title,
        description: description,
        link: url,
      };

      this.storedResouces.unshift(newResource);
      this.selectedTab = 'stored-resources';
    },
    removeResource(resId) {
      const resIndex = this.storedResouces.findIndex(
        (res) => res.id === resId
      );
      this.storedResouces.splice(resIndex, 1);
    },
  },
};
</script>