Size: a a a

Nuxt.js | Vue SSR

2021 April 30

Otabek Μansurov in Nuxt.js | Vue SSR
    optimization: {
     minimize: !isDev
     // runtimeChunk: true
   },
   ...(!isDev && {
     splitChunks: {
       chunks: 'all',
       layouts: true,
       pages: true,
       commons: true,
       automaticNameDelimiter: '.',
       name: true,
       maxInitialRequests: Infinity
     }
   }),
   extend(config, ctx) {
     // Run ESLint on save
     if (ctx.isDev && ctx.isClient) {
       config.module.rules.push({
         test: /\.css$/i,
         use: ["style-loader", "css-loader", "postcss-loader"],
       });
       config.module.rules.push({
         enforce: 'pre',
         test: /\.(js|vue)$/,
         loader: 'eslint-loader',
         exclude: /(node_modules)/,
         options: {
           fix: true
         }
       })
     }
   }
 }
}

Файл index.vue где происходить ошибка:

<script src="./main/index.js" />
<style lang="postcss" scoped>
@import './main/Poster.css';
@import './main/Company.css';
@import './main/invest.css';
@import './main/Slider.css';
</style>


Подскажите пожалуйста где я накосячил в коде?
источник

НК

Николай Куртеев... in Nuxt.js | Vue SSR
читай посты выше, у двух человек уже вылезло
источник

IK

Ivan Komarov in Nuxt.js | Vue SSR
Всем привет! Можно задать newbie вопрос: входные props vue компонента могут быть геттером и сеттером (в class decorator api)? И если нет, какой тогда правильный способ получать посчитанное значение, при изменении входного параметра компонента? Реализация через watcher или computed property typescript getter'ом смущают, тем что 2 имени нужно под @Prop и get computedProperty() {.
источник

РВ

Роман Вайсер... in Nuxt.js | Vue SSR
Менять пропсы - антипаттерн. Правильное решение - вычисляемое своейство
источник

РВ

Роман Вайсер... in Nuxt.js | Vue SSR
те объявляешь через @Prop пропс, а потом как геттер его вычисляешь
источник

РВ

Роман Вайсер... in Nuxt.js | Vue SSR
Смущаться не нужно)
источник

IK

Ivan Komarov in Nuxt.js | Vue SSR
Ок. А вюха не будет слишком часто getter пересчитывать?
источник

РВ

Роман Вайсер... in Nuxt.js | Vue SSR
Только тогда, когда будет меняется связанный пропс(ы) или любые другие данные с реактивностью в этом самом вычислимом свойстве
источник
2021 May 01

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Господа, подскажите пожалуйста по накстовскому роутингу. Есть роуты /catalog и /catalog/subdir1/2/3/4... Для этого можно сделать файлы /catalog/index.vue и /catalog/_.vue. А можно это сделать 1 файлом ? Если да, то как.
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Без кастомного роутинга (через него знаю как), интересно в наксте можно ли (по доке не нашел)
источник

СК

Сергей Rekry† Крупки... in Nuxt.js | Vue SSR
импортируйте и сразу эспортируйте (или используйте один и тот-же) компонент index.vue в _smth.vue
получится что все в одном файле
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Если я верно понял, то финальная структура будет /catalog/_smth.vue.
В таком случае получаем корневой /catalog + /catalog/sub, но без /catalog/sub/sub2
источник

СК

Сергей Rekry† Крупки... in Nuxt.js | Vue SSR
все что в папке pages это странички, детерминированные роуты (если не кастомный)
просто на всех страничках подключайте компонент из папки componets, а дальше логика уже в нем
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Как это организовывается понятно. Вопрос больше по наксту. Можно ли сделать префикс + безграничную динамику в 1 файл директории pages
источник

СК

Сергей Rekry† Крупки... in Nuxt.js | Vue SSR
но не стоит злоупотреблять в корне такого компонента v-if(ами), возможно просто на определённых группах страниц свои корневые компоненты (список элементов, элемент, и т. п.)
источник

СК

Сергей Rekry† Крупки... in Nuxt.js | Vue SSR
безграничная логика значит не определённая заранее, а принцип с папками наоборот предполагает что мы заранее все знаем
на сколько мне известно в nuxt подобного паттерна нет
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Понял, спасибо! Тогда расширю роутер.
источник

СК

Сергей Rekry† Крупки... in Nuxt.js | Vue SSR
источник

СК

Сергей Rekry† Крупки... in Nuxt.js | Vue SSR
оказывается ларчик всеже открыть можно
источник

S

Sonic [Скупаю | Акту... in Nuxt.js | Vue SSR
Ну я уже ранее это описал. Делается через 2 файла

--| _.vue
--| index.vue

А мне интересно можно ли в 1. Что бы я код не дублировал в итоге.
источник