Strip Content From a Data Object in Vuejs - json

Question

I have a JSON data and I would like to strip "description" into two different data objects.
JSON FILE:
{
"#attributes": {
"version": "2.0"
},
"channel": {
"title": "Rust News",
"description": "The latest news posts from Rust",
"lastBuildDate": "Thu, 07 Jul 2022 07:00:00 Z",
"item": [
{
"guid": "https:\/\/rust.facepunch.com\/news\/july-2022-update\/",
"link": "https:\/\/rust.facepunch.com\/news\/july-2022-update\/",
"title": "July Update",
"description": "<img src=\"https:\/\/files.facepunch.com\/paddy\/20220705\/july_2022_header.jpg\"><br\/>Combat balance, faster load times, chat filter and much more!\u00a0\u00a0",
"pubDate": "Thu, 07 Jul 2022 07:00:00 Z"
},
{
"guid": "https:\/\/rust.facepunch.com\/news\/community-update-243\/",
"link": "https:\/\/rust.facepunch.com\/news\/community-update-243\/",
"title": "Community Update 243",
"description": "<img src=\"https:\/\/files.facepunch.com\/errn\/1b1311b1\/FTTfqglWQAMxkzD.jpg\"><br\/>Custom desk mats, Mars monuments, thoughtful poetry, and more!",
"pubDate": "Wed, 15 Jun 2022 12:00:00 Z"
},
...
I would like to fetch two objects from the same "description" string:
First Object:
<img src="https://files.facepunch.com/paddy/20220705/july_2022_header.jpg">
Second Object:
Combat balance, faster load times, chat filter and much more!
Here is my Script file:
data() {
return {
items: []
}
},
mounted() {
this.axios.get("./api/json.php").then(response => {
this.items = response.data.channel.item;
});
}
how would I assign item.image and item.description string separately?
Or perhaps there is a way to do it from the server-side since the JSON is generated with a PHP from an XML file
Any help with this would be much appreciated!