1 year ago

Birdboard : patch project error.response

Posted 1 year ago by samleserieux

Hi all, I just finished the course "Build A Laravel App With TDD", i try to implement a modal for editing a project, i reused the code we made during the lesson 42 and 43, so i reused the form object we made. Everything is working fine, my project is updated but the page is never reload and i get an error in the console "error.response is undefined" Here is my code of the modal :

Let's edit this !

<form @submit.prevent="submit"> Title

                <div class="mb-4">
                    <label for="description" class="text-sm block">Description</label>
                    <textarea id="description"
                              class="border bg-card text-default my-2 p-2 text-xs block w-full rounded"
                              :class="form.errors.description ? 'border-red' : 'border-orange'"
                    <span class="text-xs italic text-red" v-if="form.errors.description"
        <footer class="flex justify-end mt-4">
            <button type="button" class="button mr-4" @click="$modal.hide('editProject')">Cancel</button>
            <button type="submit" class="button">Confirm</button>

import AstroForm from './AstroForm';
export default {
    props: ['projectPath', 'projectTitle', 'projectDescription'],

    data() {
        return {
            form: new AstroForm({
                title: this.projectTitle,
                description: this.projectDescription,

    methods: {
        async submit() {
                .then(response => location = this.projectPath);
--- And here is my code of the form :

class AstroForm { constructor(data) { this.originalData = JSON.parse(JSON.stringify(data));

    Object.assign(this, data);

    this.errors = {};
    this.submitted = false;

data() {
    let data = {};

    for (let attribute in this.originalData) {
        data[attribute] = this[attribute];

    return data;

submit(endpoint) {

update(endpoint) {
    return axios.patch(endpoint,

onSuccess(response) {
    this.submitted = true;
    this.errors = {};

    return response;

onFail(error) {
    this.errors =;
    this.submitted = false;

    throw error;

reset() {
    object.assign(this, this.originalData);


export default AstroForm;

Hope you can help me.

Please sign in or create an account to participate in this conversation.