Size: a a a

Nuxt.js | Vue SSR

2021 March 23

MK

Mike Kharkov in Nuxt.js | Vue SSR
Народ.
https://www.npmjs.com/package/@aceforth/nuxt-optimized-images#optimization-packages
кто-нибудь пользовался таким модулем по оптимизации картинок?
Че то вроде все сделал правильно - инсталировал сначала этот модуль затем еще 2 доп модуля для jpg + png
+ настроил параметры
http://joxi.ru/BA0QjX0IpeBO5r
но после деплоя - выгруженные на хостинг файлы имеют такой же вес как и без оптимизации
источник

MK

Mike Kharkov in Nuxt.js | Vue SSR
(nuxt 2.14.7)
источник

AD

Aleksandr Dergunov in Nuxt.js | Vue SSR
Mike Kharkov
Народ.
https://www.npmjs.com/package/@aceforth/nuxt-optimized-images#optimization-packages
кто-нибудь пользовался таким модулем по оптимизации картинок?
Че то вроде все сделал правильно - инсталировал сначала этот модуль затем еще 2 доп модуля для jpg + png
+ настроил параметры
http://joxi.ru/BA0QjX0IpeBO5r
но после деплоя - выгруженные на хостинг файлы имеют такой же вес как и без оптимизации
Погугли nuxt/image. Недавно они выпустили.
источник

MK

Mike Kharkov in Nuxt.js | Vue SSR
Aleksandr Dergunov
Погугли nuxt/image. Недавно они выпустили.
та вот щас про него читаю
источник

IS

Illia Sakovich in Nuxt.js | Vue SSR
Alexey Korzhavin ★
есть какойнибудь инструмент чтобы в актуальный роут можно было пробросить квери?
location.replace() - обновить ссылку

new URL(location.href) - объект текущей ссылки, в нем можно изменить квери и потом объект обратно в строку и через локейшн реплейс обновить ссылку
источник

M

MDWIT in Nuxt.js | Vue SSR
Ребята, у меня в админке markdown редактор для некоторых блоков с контентом, как правильно скормить наксту этот контент, чтобы markdown можно было рендерить в html и выводить конечный результат в nuxtjs с ssr?
источник

MK

Mike Kharkov in Nuxt.js | Vue SSR
Aleksandr Dergunov
Погугли nuxt/image. Недавно они выпустили.
такой вопрос вдогонку - нет ли ресурса где можно наблюдать все существующие в природе нейтивно-нукстовские модули-компоненты?
источник

AD

Aleksandr Dergunov in Nuxt.js | Vue SSR
Mike Kharkov
такой вопрос вдогонку - нет ли ресурса где можно наблюдать все существующие в природе нейтивно-нукстовские модули-компоненты?
https://modules.nuxtjs.org/ добрый день
источник

М

Мухаммад in Nuxt.js | Vue SSR
Alexey Korzhavin ★
есть какойнибудь инструмент чтобы в актуальный роут можно было пробросить квери?
this.$router.push({
 query: {
   ...this.$route.query,
   [ваше свойство]: [ваше значение]
 }
})
источник

ПП

Пол Пятого in Nuxt.js | Vue SSR
источник

ПП

Пол Пятого in Nuxt.js | Vue SSR
Привет всем подскажите как вот такое добавить в head
источник

MK

Mike Kharkov in Nuxt.js | Vue SSR
имел ввиду чисто нукстовские от разрабов нукста
источник

MK

Mike Kharkov in Nuxt.js | Vue SSR
хотя пардон - я смотрю там везде нукст комьюнити на гитхабе
источник

AD

Aleksandr Dergunov in Nuxt.js | Vue SSR
Mike Kharkov
хотя пардон - я смотрю там везде нукст комьюнити на гитхабе
источник

BS

Bogdan Saliuk in Nuxt.js | Vue SSR
watchQuery обнуляет состояние страницы?
Есть страница с таблицей в которой можно выбирать какие колонки показывать, какие нет. Список активных колонок хранится в data: () => ({ activeColumns: [] }).
Также есть watchQuery на сортировку. При этом, состояние activeColumns сбивается на изначальное. Как это избежать?
источник

АН

Андрей Назаров... in Nuxt.js | Vue SSR
Bogdan Saliuk
watchQuery обнуляет состояние страницы?
Есть страница с таблицей в которой можно выбирать какие колонки показывать, какие нет. Список активных колонок хранится в data: () => ({ activeColumns: [] }).
Также есть watchQuery на сортировку. При этом, состояние activeColumns сбивается на изначальное. Как это избежать?
vuex)
источник

T

Tesla in Nuxt.js | Vue SSR
filename: basket/mutation.ts
`[PUSH_TO_ITEMS]({ items }: StateInterface, item: { name: string, img: string }) {
   items.push(item)
 }`

filemame: basket/index.ts
`
import state from './state'
import getters from './getters'
import mutaions from './mutations'
import actions from './actions'

export default {
 state,
 getters,
 mutaions,
 actions,
 namespaced: true,
}
`

filename: basket/mutations-types.ts
`
export const SET_ITEMS = 'SET_ITEMS'
export const PUSH_TO_ITEMS = 'PUSH_TO_ITEMS'


`filename: store/index.ts
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

import basket from './basket'
import books from './books'
import electronics from './electronics'
import entertainment from './entertainment'

export default new Vuex.Store({
 modules: {
   basket,
   books,
   electronics,
   entertainment
 }
})`

почему $store.commit('basket/PUSH_TO_ITEMS', el)
вызывает ошибку: vuex.esm.js?2f62:460 [vuex] unknown mutation type: basket/PUSH_TO_ITEMS?
источник

BS

Bogdan Saliuk in Nuxt.js | Vue SSR
Tesla
filename: basket/mutation.ts
`[PUSH_TO_ITEMS]({ items }: StateInterface, item: { name: string, img: string }) {
   items.push(item)
 }`

filemame: basket/index.ts
`
import state from './state'
import getters from './getters'
import mutaions from './mutations'
import actions from './actions'

export default {
 state,
 getters,
 mutaions,
 actions,
 namespaced: true,
}
`

filename: basket/mutations-types.ts
`
export const SET_ITEMS = 'SET_ITEMS'
export const PUSH_TO_ITEMS = 'PUSH_TO_ITEMS'


`filename: store/index.ts
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

import basket from './basket'
import books from './books'
import electronics from './electronics'
import entertainment from './entertainment'

export default new Vuex.Store({
 modules: {
   basket,
   books,
   electronics,
   entertainment
 }
})`

почему $store.commit('basket/PUSH_TO_ITEMS', el)
вызывает ошибку: vuex.esm.js?2f62:460 [vuex] unknown mutation type: basket/PUSH_TO_ITEMS?
в коммите ты переменную не вставляешь
источник

T

Tesla in Nuxt.js | Vue SSR
Bogdan Saliuk
в коммите ты переменную не вставляешь
не, это я абстрагировался
источник

T

Tesla in Nuxt.js | Vue SSR
источник