Как подключить vue-suggestions в nuxt?

@ally 

Для подключения плагина Vue Suggestions в Nuxt, следуйте следующим шагам:

1. Установите vue-suggestions и lodash:

1

npm install --save vue-suggestions lodash

1. Создайте файл плагина в директории plugins/vue-suggestions.js:

1
2
3
4
5
6
7
8

import Vue from 'vue';
import VueSuggestions from 'vue-suggestions';
import _ from 'lodash';

Vue.use(VueSuggestions, { 
  promiseImplementation: Promise, 
  lodashInstance: _ 
});

1. Добавьте этот плагин в файл nuxt.config.js:

1
2
3
4
5
6
7

module.exports = {
  // ...
  plugins: [
    { src: '~/plugins/vue-suggestions.js', mode: 'client' }
  ]
  // ...
}

Обратите внимание, что мы используем mode: 'client', потому что плагин работает только на клиентской стороне.

1. Теперь вы можете использовать компонент vue-suggestions в своих компонентах Vue:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

<template>
  <div>
    <vue-suggestions
      v-model="selected"
      :suggestions="suggestions"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      selected: '',
      suggestions: ['Option 1', 'Option 2', 'Option 3']
    }
  }
}
</script>

Это позволит вам использовать функционал автодополнения в вашем приложении Nuxt, используя Vue Suggestions.

@ally 

Приведенный выше пример позволяет создать компонент с автодополнением с использованием vue-suggestions в приложении Nuxt. После установки и настройки плагина вы можете использовать компонент в своих шаблонах и настроить его под ваши потребности.