Блог

Я пытаюсь изучить интерфейс Vue. Следуя этому руководству. Я впервые работаю с JS, и я знаю только основные концепции javascript. При поиске этих проблем кажется, что это как-то связано с ESLint? Я перепробовал все конфигурации в ответах, но ничего не работает.

Моя ошибка:

   88:20  error  Parsing error: Unexpected token

  49 |       if (this.newEntryContent amp;amp; this.selectedEntryType !== 'draft') {
  50 |         this.user.entries.unshift( items: {
> 51 |             id: this.user.entries.length   1,
     |                     ^
  52 |             content: this.newEntryContent
  53 |         })
  54 |       }

✖ 1 problem (1 error, 0 warnings)
  

Мой шаблон:

     <form class="form" @submit.prevent="createNewEntry">
      <label for="new-entry">New entry</label>
      <textarea name="new-entry" rows="4" v-model="newEntryContent"></textarea>
      <div class="entry-type">
        <label for="entry-type">Type: </label>
        <select id="entry-type" v-model="selectedEntryType">
          <option :value="option.value" v-for="(option, index) in entryTypes" :key="index">
            {{ option.name }}
          </option>
        </select>
      </div>

      <button>Post</button>
    </form>
  

Вот мой <script> .

 <script>
import EntryItem from "@/components/EntryItem";

export default {
  name: 'UserProfile',
  components: { EntryItem },
  data() {
    return {
      newEntryContent: '',
      selectedEntryType: 'instant',
      entryTypes: [
        {value: 'draft', name: 'Draft'},
        {value: 'instant', name: 'Instant'}
      ],
      followers: 0,
      user: {
        id: 1,
        username: 'john',
        firstName: 'John',
        lastName: 'Doe',
        isAdmin: true,
        entries: [
          {id: 1, content: "My submission"},
          {id: 2, content: "My awesome entry to another contest!"}
        ]
      },
      log: ""
    }
  },
  watch: {
    followers(newFollowercount, oldFollowercount) {
      if (oldFollowercount < newFollowercount) {
        this.log = oldFollowercount;
      }
    }
  },
  computed: {
    fullName() {
      return this.user.firstName   ' '  this.user.lastName;
    }
  },
  methods: {
    followUser(){
      this.followers  = 1
    },
    toggleFavourite(id) {
      console.log("You faved "   id);
    },
    createNewEntry() {
      if (this.newEntryContent amp;amp; this.selectedEntryType !== 'draft') {
        this.user.entries.unshift( items: {
            id: this.user.entries.length   1,
            content: this.newEntryContent
        })
      }
    }

  },
  mounted() {
    this.followUser();
  }
}
</script>
  

Ошибка абсолютно бесполезна и ни о чем не говорит. В консоли тоже нет ошибок. Как мне это отладить и исправить?