How do i fix error "A default export must be at the top level of a file or module decleration" in vue.js

Question

I am getting this error when trying to scramble a word in vue.js using "shuffle" from the lodash library. This is the code that is causing the issue.

import { shuffle } from 'lodash'

// Get word of the day
const answer = getWordOfTheDay();

// scramble word of the day
export default {
  data() {
    return {
      word: answer,
      scrambledWord: ''
    }
  },
  methods: {
    scrambleWord(word) {
      return shuffle(word.split('')).join('')
    }
  }
}

I tried moving the block of code around and changing the order of things but i still get the same error. highlighted on the the "export default" part.

Answer 1

In case someone is wondering, one of the most common reasons this happens is when the attribute "setup" is left in the script tag.