import {reactive} from "vue"
import axios from "axios"

export default function (){

    let dogList = reactive([
        'https://images.dog.ceo/breeds/pembroke/n02113023_1774.jpg'
    ])
    async function addDog(){
        try {
            let result = await axios.get('https://dog.ceo/api/breeds/image/random')
            console.log(result.data.message)
            dogList.push(result.data.message)
        } catch (error) {
            console.log(error)
        }
        
    }
    return {dogList,addDog}
}