titelhalter

findIndex ждет функцию в качестве параметра. Если в массиве мы ищем индекс элемента, у которого поле name совпадает со значением в переменной name, то нужно
vm.roles.findIndex(item => item.name == name)

(arr.find(item => item.id == {нужный id}) && true) || false

Внешние css подклюсаются с помощью тега link. <link rel="stylesheet" href="{путь}">
А скрипты с помощью тега script. <script src="{путь}"></script>

Тег script нужно закрывать, link - нет

Ну и sass нужно скомпилировать в css. В таком виде он не будет работать

b > 50 && b == 50

Больше 50, но одновременно и равно 50, такого не бывает. Нужно тогда проверять b >= 50.
Во-вторых, вы говорите, что нужно проверять строку, а операция b > 50, приведет b к числу. Для получения длины строки нужно обратиться к свойству length.

Проверить на строку можно с помощью оператора typeof, чтобы взять первые 50 символов строки можно воспользоваться методом slice(start, end).

Сейчас Ваша функция вообще не выполняет поставленную задачу.

num = arr.slice(3,-2)

Вы пытаетесь вернуть массив из элементов с 3 по -2 из оригинального массива.

Вам нужно что-то похожее на:
arr.forEach(x => (String(x)[0] == 3 || String(x)[0] == 7) && console.log(x));
Либо можно отсортировать массив и записать его в переменную для дальнейшей работы.
let filteredArr = arr.filter(x => String(x)[0] == 3 || String(x)[0] == 7);