打开内容列表页面组件，先在内容列表项目里面添加一个删除小图标，一组 div，里面包装的是一个图像元素，设置一下元素的 src 属性，值是 /assets/icons/delete.svg。再把 alt 属性的值设置成删除，然后绑定 click 事件，用 deletePost 处理，提供一个参数，值是 post.id。

在组件的脚本里面再定义一个删除内容用的方法，名字是 deletePost，方法有个 postId 参数，类型是 number。用 async 标记一下这个方法。

在方法里 await，执行 useApiFetch，接口地址是 posts/${postId}，提供一个选项参数，把请求用的 HTTP 方法设置成 DELETE。这是删除内容接口要求使用的 HTTP 方法。

删除了内容以后可以执行一下 refresh() 重新获取内容列表数据。

在浏览器测试一下，点击内容列表页面里内容项目上的这个删除小图标，会执行 deletePost 这个方法把这个内容删除掉。