shift+shit -> webpack, откроет настройку
Лежит в node_modules\@vue\cli-service\webpack.config.js

да, сапасибо тебе большое

и как можно сократить такое? вдруг кто знает. может с помощью спред-опреатора

this.meta = { ...this.meta, ...val };

?

this.meta = { ...this.meta, ...val };

работает👍🙏😘

Ребят, чет не найду... как можно, например по клику на кнопку повесить v-on:mousemove на весь компонент?) Только нативно?)

Точнее мне нужно отследить положение указателя на компоненте между mousdown и mouseup... но постоянно отслеживать и брать данные только междуэтими двумя событиями как-то топорно...

Привет. Есть компонент App.vue. Внутри него объявлен стиль scss:

    .roboto-text {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
    }

<template>
  <v-app>
      <div>
        <Head/>
      </div>
  </v-app>
</template>

Есть компонент Head.vue. Я хочу сделать extened этого стиля внутри него:

<style scoped lang="scss">

    .user-info {
        padding-top: 0;
        @extened .roboto-text;
    }
</style>

Этот стиль не экстендится. Почему?

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: The target selector was not found.
Use "@extend .roboto-text !optional" to avoid this error.
    ╷
106 │     @extend .roboto-text;
    │     ^^^^^^^^^^^^^^^^^^^^
    ╵
  /home/eurvanov/vuejs/adeo-dataplatform-dictionaries/src/components/Menu.vue 106:5  root stylesheet

 @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/vuetify-loader/lib/loader.js??ref--18-0!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Menu.vue?vue&type=style&index=0&id=9bcc0be2&scoped=true&lang=scss& 4:14-518 14:3-18:5 15:22-526
 @ ./src/components/Menu.vue?vue&type=style&index=0&id=9bcc0be2&scoped=true&lang=scss&
 @ ./src/components/Menu.vue
 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vuetify-loader/lib/loader.js??ref--18-0!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js&
 @ ./src/App.vue?vue&type=script&lang=js&
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.68:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

https://ru.stackoverflow.com/questions/1139277/%d0%92%d0%ba%d0%bb%d1%8e%d1%87%d0%b5%d0%bd%d0%b8%d0%b5-%d1%81%d1%82%d0%b8%d0%bb%d0%b5%d0%b9-%d0%b2-%d0%ba%d0%be%d0%bc%d0%bf%d0%be%d0%bd%d0%b5%d0%bd%d1%82%d0%b5-%d0%bd%d0%b0%d1%81%d0%bb%d0%b5%d0%b4%d0%bd%d0%b8%d0%ba%d0%b5

    .roboto-text {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
    }

<template>
  <v-app>
      <div>
        <Head/>
      </div>
  </v-app>
</template>

<style scoped lang="scss">

    .user-info {
        padding-top: 0;
        @extened .roboto-text;
    }
</style>

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: The target selector was not found.
Use "@extend .roboto-text !optional" to avoid this error.
    ╷
106 │     @extend .roboto-text;
    │     ^^^^^^^^^^^^^^^^^^^^
    ╵
  /home/eurvanov/vuejs/adeo-dataplatform-dictionaries/src/components/Menu.vue 106:5  root stylesheet

 @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./node_modules/vuetify-loader/lib/loader.js??ref--18-0!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Menu.vue?vue&type=style&index=0&id=9bcc0be2&scoped=true&lang=scss& 4:14-518 14:3-18:5 15:22-526
 @ ./src/components/Menu.vue?vue&type=style&index=0&id=9bcc0be2&scoped=true&lang=scss&
 @ ./src/components/Menu.vue
 @ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vuetify-loader/lib/loader.js??ref--18-0!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=js&
 @ ./src/App.vue?vue&type=script&lang=js&
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.68:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

из за опечатки мб?

Проверял. Кажется, беда именно в scss. С обычными стилями всё ок

Ща руками всё ещё раз перебью

Отдельными файликами их храни. И инклудь сначала

А почему такая фигня с scss?

Да, можно заинклудить. Мне терперь интересно, что за дичь с scss?

Скопед мож?

Нет

Как изменить computed свойство?
в computed, с помощью геттера получаю значения из vuex.
Надо чтобы при клике на кнопку, вызывался другой геттер, как это сделать?

это уже в методах

мне пишет что нету settera у свойства