Vue.js - Favicon

Простой многоязычный сайт с Nuxt.js и nuxt-i18n

В этой статье мы рассмотрим, как создать простой мультиязычный веб-сайт с использованием Nuxt.js и модуля nuxt-i18n.

Как исправлять ошибки ESLint в Nuxt.js в автоматическом режиме

Перевод оригинальной статьи How to Fix ESLint Error in Nuxt.Js automatically Исправление ошибок, которые ESLint отображает при сохранении файла может стать очень раздражающим😡 особенно, если делать это вручную. К нашему счастью, есть способ сделать это автоматически 💪. Просто добавьте эти строки кода в файл nuxt.config.js.

  build: {
  /*
    ** You can extend webpack config here
    */
  extend(config, ctx) {
    // Run ESLint on save
    if (ctx.isDev && ctx.isClient) {
      config.module.rules.push({
        enforce: 'pre',
        test: /\.(js|vue)$/,
        loader: 'eslint-loader',
        exclude: /(node_modules)/,
        options: {
          fix: true
        }
      })
    }
  }
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

build: {

/*

** You can extend webpack config here

*/

extend(config, ctx) {

// Run ESLint on save

if (ctx.isDev && ctx.isClient) {

config.module.rules.push({

enforce: 'pre',

test: /\.(js|vue)$/,

loader: 'eslint-loader',

exclude: /(node_modules)/,

options: {

fix: true

}

})

}

// Волшебство находится…

Подробнее

Пишем скроллинг на весь экран с Vue.js

При таком скроллинге на всю страницу нормальная прокрутка отключается, и вы всегда переходите точно на следующую секцию. Ниже, с помощью Vue.js, вы самостоятельно шаг за шагом научитесь писать код для подобной прокрутки.

Подробнее

Когда VueJS не может помочь вам

Если вы хотите создать веб-страницу с помощью JavaScript, VueJS поможет вам и выполнит грязную работу за вас. Но есть условие: он работает только на тех блоках страницы, в которых он имеет единоличный контроль. Любая часть, которая может быть помешана другими скриптами или плагинами уже не для Vue. Это значит,…

Подробнее