Help to implement Moralis in Vuejs

I need your help to implement the Moralis NPM package in Vuejs. Because when I try to use it I get the error
“Module parse failed: Shorthand property assignments are valid only in destructuring patterns.” In line 25.
In HTML code

<button class="btn" @click="login">Login</button>

Script code

import Moralis from 'moralis';
export default {
    name: 'StartButton',

     mounted() {
        Moralis.serverURL = '';

        const init = async () => {
            window.web3 = await Moralis.Web3.enable();


    methods: {
        login = async () => { //This is line 25
            try {
                const user = await Moralis.Web3.authenticate();
            } catch (error) {
                const code = error.code;
                const message = error.message;

Hey @ThaddeusMx
can you share the code repo via github
i have to go through vue docs to recreate your codebase.

It will be easier if I can just run and try to debug


Tahnk you, I was able to implement it. And likewise Moralis placed a vue3 boilerplate.