Ответы пользователя по тегу Nuxt.js
  • Как настроить express в nuxt?

    @golentor
    Сразу ответ по-поводу экспорт. Нигде в доках непишут об этой приятной фиче.
    Ларчик кроется в том, что некоторые модули нельзя вызывать откуда попало через export {}
    Такие модули подключаются обычно глобально, как ~/plugins/ либо ~/store/module
    В будущем наверное вместо этой ошибки будут писать наконец следующее -
    Ошибка подключения модуля. Используйте глобальный импорт или типа того)
    Ответ написан
    Комментировать
  • Как добавить в Nuxt TSX?

    @golentor
    Кажется это Вам поможет Write class-based Vue component with TypeScript
    npm install vue-tsx-helper
    далее идут примеры
    // TestComponent.tsx ...
    Использовать ts технологию я буду, потому-что Накст через nuxt-ts поддерживает ts. Хотя я пишу руками, и исправлять ругань eslint-ts на каждой запятой очень утомительно.
    Я так понял, большинство примеров на тайпе собраны в среде IDE MS VisualStudio

    Сам я использую немного другую технологию
    <script lang="ts">
    import { Vue, Component } from 'nuxt-property-decorator'
    import Logo from '~/components/Logo.vue'
    
    @Component({
      components: {
        Logo
      }
    })
    export default class Index extends Vue {

    Удачи в-кодинге
    Ответ написан
  • Vuetify с NuxtJS - как можно подключить только нужные компоненты?

    @golentor
    У вас уже неправильный код. См. новую документацию

    // src/plugins/vuetify.js
    
    // НАДО ТАК
    import Vuetify from 'vuetify/lib/framework'
    
    // НЕВЕРНО
    import Vuetify, { VRow } from 'vuetify/lib/framework'
    
    export default new Vuetify()


    Ну и компоненты Вы используете динамически. Но если нужен миниммализм, есть такая фишка vuetify minify.css

    Ещё я случайно наткнулся на vuesax аналог vuetify. Там так можно

    Or use individual components:
    
    import Vue from 'vue'
    import { vsButton, vsSelect, vsPopup } from 'vuesax'
    import 'vuesax/dist/vuesax.css'
    
    Vue.use(vsButton)
    Vue.use(vsSelect)
    Vue.use(vsPopup)
    Ответ написан
    Комментировать
  • Как в Nuxt в vuex добавить плагин если там нет store index.js?

    @golentor
    Может кого-то забанили на поиске. Всё написано на странице плагина npmjs.com/package vuex-persistedstate.
    Но вот рецепт:
    ./plugins/localStorage.js

    //import { Store } from "vuex";
    import createPersistedState from 'vuex-persistedstate'
    //это было в примере удалите если ненужно
    import SecureLS from 'secure-ls'
    var ls = new SecureLS({ isCompression: false })
     
    export default ({store}) => {
      createPersistedState({
        storage: {
          getItem: (key) => ls.get(key),
          setItem: (key, value) => ls.set(key, value),
          removeItem: (key) => ls.remove(key),
        },	  
        key: 'yourkey',
        //paths: [...],
    
      })(store)
    }


    стандартно подключаем наш plugin
    ./nuxt.config.js
    plugins: {
    { src: '~/plugins/localStorage.js', ssr: false },
    }


    Но я искал пример его использования в шаблоне. Написал ответ случайно.

    Например у прекрасного плагина cookie-universal-nuxt есть пример
    yarn add cookie-universal-nuxt

    ./pages/home.vue

    <template />
    <script>
    computed: {
       ...mapState([
         'storage'
       ])
    },
    mounted () {
       const self = this
       window.onNuxtReady(() => {
         console.log(self.storage)
       })
    }
    </script>


    и всё прекрасно работает
    Ответ написан
    Комментировать