Aetae

Vue тут не при чём, обычная легаси логика поведения формы:

<form>
  <input />
  <button onclick="alert('Такие дела')"></button>
</form>

Тянется ещё с тех времён, когда вэб - это было "не серьёзно", и браузеры считали, что думать за криворуких веб-мастеров и считать enter кликом - это всем на пользу.

Установи пуфон, очевидно же. На большинстве линухов он из коробки, что у тя за дистриб?
Ну и не-lts ноду юзать не рекомендуется, многие пакеты не успевают подтягиваться.

Как-то так, ничего неожиданного:

<div class="row">
  <div class="input-field col s12">
    <select class="group-select" ref="select2" v-model="depart_select">
      <optgroup v-for="department in departments" :key="department.id" :label="department.NameOtdel">
        <option v-for="{NamePodrazdel, id} in department.NamePodrazdel" :key="id" :value="id">{{ NamePodrazdel }} </option>
      </optgroup>
    </select>
    <label>Структурное подразделение</label>
  </div>
</div>

И настучите по голове бэку который использует транслит и PascalCase в именах. (Если бэк тоже вы - настучите себе, ничего не поделать)

Парень, учи js, начни с основ. Ты не понимаешь, что ты делаешь.

1. anotherReplace: [/\(\.\*\)$/, ':name']
2.

function strReplace = (str, anotherReplace = null) => {
  str = str
    .replace(что-то заменяем)
    .replace(eщё что меняем);
  if (anotherReplace) 
    str = str.replace(anotherReplace[0], anotherReplace[1]);
  return str;
}

Это решит текущую "проблему", но если ты не изучишь основы - ты снова споткнёшься через десяток строк.

<template functional>
  <component :is="props.name"/>
</template>

=)

Если ты ставил его глобально через npm или yarn - то должно работать сразу.
Чтобы установленное подтянулось часто надо перезапустить терминал, возможно в этом дело.)

В ts структурная типизация. Такое может происходить если Snapshot структурно укладывается в тип Volume.

Т.е. вот так типы взаимозаменяемы:

interface Volume {
 id: number;
 volume?: string;
}

interface Snapshot {
 id: number;
 snapshot?: string;
}

А так нет:

interface Volume {
 id: number;
 volume: string;
}

interface Snapshot {
 id: number;
 snapshot: string;
}

И так нет:

interface Volume {
 id?: number;
}

interface Snapshot {
 id?: string;
}

1+2. Копмонент-обёртка, использующая метод с геттером-сеттером. Никакую логику переписывать не надо.)

CORS влияет на работу в скриптах, файлы могут подключаться в своём теге любые.

Например, первую загруженную картинку ты можешь в скрипте положить в canvas и разобрать на пиксели, а со второй безопасность тебе так сделать не даст.

async savePost(){
  this.iconStatus = 'loading';
  const ides = {post_id: this.content.id, user_id: this.GET_USER.id};
  const result = await this.$store.dispatch('saveOrDelete', ides).catch(() => ({message: 'error'}));
  this.iconStatus = result.message;
}

?

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

Работает например подобная херотень:

export class IResultItem {
  constructor(
    public id: i32,
    public type: string,
    public date: string,
    public from: string,
    public from_id: i32,
    public text: string
  ) {}
}
export function add(
  result: IResultItem[] = [new IResultItem( 1, "type", "25.25.2025", "rew", 123, "hello" )]
): IResultItem[] {
return result;
}

(?>[а-яёa-z])\+

.card {
  display: flex;
  flex-direction: column;
}

.card-body {
  flex: 1;
}

Девсервер специально лочит на локалхост по умолчанию, чтоб ктонить не решил выставить его в интернет. Это можно поменять тут.

Значение this кладётся в свойство ref на момент вызова makeUser. Это простое присвоение простой переменной.

Чтобы получать актуальный динамически - надо получать актуальный динамически, например:

function makeUser() {
    return {
        name: "Джон",
        get ref(){
          return this 
        }
    };
};
let user = makeUser();
console.log(user.ref);