I'm working on a small project using Vue.js 3 and Laravel, I'm getting a problem in my browser console I don't know why:

This is my code:

    <form action="{{ route("newPost") }}" method="post" id="new-post">
                @csrf
                <div class="card-body">
                    <div class="form-group">
                        <label for="exampleInputEmail1">Title</label>
                        <input type="text" name="post_title" class="form-control" placeholder="Post title">
                    </div>
                    <div class="form-group">
                        <label>Content</label>
                        <quill-editor v-model="test" />
                    </div>
                </div>
                <!-- /.card-body -->
                <div class="card-footer">
                    <button type="submit" class="btn btn-primary">Submit</button>
                </div>
            </form>

This is my JS Part :

    @push("scripts")
    <script>
        export default {
            setup() {
                test: ''
            }
        }
    </script>
    @endpush

The Error Message contain :

[Vue warn]: Property "test" was accessed during render but is not defined on instance. 
  at <App>

Second

Uncaught SyntaxError: export declarations may only appear at top level of a module