Гайз, а кто-нить умеет готовить связку Vue2 + FlowType? Есть какие-нибудь примеры в открытом доступе?

Тоже интересно

Это к @xanf_ua он как раз разрабатывает в этой связке

У него кстати свой канал есть на котором он стримит свою разработку https://www.liveedu.tv/xanf

Всем привет, подскажите как изменять класс active на кнопках?

:class="{active: element.isActive}"

@wrjke кнопки являются ссылками vueRouter или что?

просто кнопки

button

Ну стейт храни где-нибудь.

:class="{active: element.isActive}"

Потом это на каждую кнопку.

так они не будут переключаться

как радиобаттоны

А.

Стейт всё равно нужен, но под каждую кнопку свой. Кнопку компонентом сделать, и сделать локальный стейт.

просто кнопки

нужно код смотреть. мы же не знаем что у тебя по клику на кнопку происходит

там просто значение переменной меняется

Стейт всё равно нужен, но под каждую кнопку свой. Кнопку компонентом сделать, и сделать локальный стейт.

как-то сложна =)

как-то сложна =)

https://jsbin.com/gofeza/2/edit?html,css,js,output

@mtruser а теперь добавь еще одну кнопку

с одной то понятно кнопкой )

при кликe на кнопку нужно чтобы первая переставала быть активной

@mtruser а теперь добавь еще одну кнопку

Ну ёма. Оберни в компонент.

Это всё есть в документации.

@mtruser а мне то чего)) я все это знаю

https://jsbin.com/zonesoqezu/edit?html,css,js,output

с одной то понятно кнопкой )

Держи.

За говнокод не ругать. Просто основную идею показал. ?

хах, спасибо)

За говнокод не ругать. Просто основную идею показал. ?

вот как раз хотел ? скажи чтобы не делал так

но я думал это как-то нормально делается

хах, спасибо)

Максим прав, лучше такое в продакшн не пихать. Причеши этот код. ?

но я думал это как-то нормально делается

Ну способов-то на самом деле много.

вообщем надо каждой кнопке своя логика, да?

как-то так сделал

Что такое cli? Я глупый и не смог найти нормального ответа

Что такое cli? Я глупый и не смог найти нормального ответа

command line interface

Как я понял, это что-то типа шаблона

command line interface

Ну это я нагуглил

"Simple CLI for scaffolding Vue.js projects"

> scaffolding

Как я понял, это что-то типа шаблона

Именно так. Просто создаёт шаблон проекта.

Спасибо

А, да там понимать особо нечего. Просто создают за вас готовый шаблон проекта. С более или менее нормальными настройками и структурой, а вы потом садитесь и пишете проект.

Еще раз спасибо

подскажите, легко ли сделать сайт на вью на наскольких языках?

При условии знания или не знания оных?)

Это какое-то колдовство с роутингом надо делать, думаю

https://kazupon.github.io/vue-i18n/started.html https://github.com/kazupon/vue-i18n Ну так-то готовые решения есть.

спасибо большое

Очередной ui-kit. Но мне понравился их стайлгайд https://vuikit.js.org/#/ //cc @mkuznetcov

https://kazupon.github.io/vue-i18n/started.html https://github.com/kazupon/vue-i18n Ну так-то готовые решения есть.

слегка неудобный плагин, из-за того, что всё время надо писать {{ $t(…) }} — слишком много скобок. Автору стоило фильтр прикрутить, хотя всегда можно законтрибьютить.

Очередной ui-kit. Но мне понравился их стайлгайд https://vuikit.js.org/#/ //cc @mkuznetcov

Он у них слишком самобытный

Но неплохой, да

Это те же ребята, как я понял, которые pagekit пилят

Который крайне недооценен, имхо https://pagekit.com/

Очередной ui-kit. Но мне понравился их стайлгайд https://vuikit.js.org/#/ //cc @mkuznetcov

ага спасибо за ссыль; внешний вид - цвета, табы там или что еще - сам понимаешь не проблема, если я SSR смогу нормально делать. все же демо компонента очень важно.

Который крайне недооценен, имхо https://pagekit.com/

внизу написанно, что они пилят на uikit

ага спасибо за ссыль; внешний вид - цвета, табы там или что еще - сам понимаешь не проблема, если я SSR смогу нормально делать. все же демо компонента очень важно.

я залез внутрь, они описание props'ов рядом пишут, в поле description

Правда, это конкретно для демки. https://github.com/vuikit/vuikit/blob/develop/src/pages/Button/ButtonDefault.vue

сейчас кстати попробую натравить мой гернератор на их репо

@mkuznetcov а что за генератор?

@mkuznetcov а что за генератор?

https://github.com/shershen08/vue-styleguide-generator

гитхаб что-ли тормозит…

ERROR: S client not available

не, шустро открывается

ага, че-то у меня с и-нетом было

@c01nd01r БЕМ не выкладывали еще?

вот такое получилось - https://jsfiddle.net/a8n0LLo0/

@c01nd01r БЕМ не выкладывали еще?

нет, еще. Демку делаю.

кто-то может посоветовать большой vue проект, чтобы было много unit тестов именно vue компонентов?

вот такое получилось - https://jsfiddle.net/a8n0LLo0/

Eslint орать будет)

на что именно?

На отсутствие пробелов между скобками и названием

И точку с запятой

На отсутствие пробелов между скобками и названием

?

ну смотря какой испрльзовать

?

? я просто поставил у себя и теперь чёт глаза режет

У меня, видимо, самые хардовые настройки) я даже и не менял ничего

У меня, видимо, самые хардовые настройки) я даже и не менял ничего

там разные конфиги/пресеты есть. У тебя какой? Мне вот airbnb нравится (спасибо Илье :)

вот такое получилось - https://jsfiddle.net/a8n0LLo0/

миленько. А футер так и должен быть position fixed bottom? Или нужно прибить его после контента?

Это такое пустое потому что при парсинге многих компонентов были какие то импорты которые мешали парсить дальше

Надо это победить будет ?

Холиварный вопрос

что вы для material design используете?

что вы для material design используете?

Mdbootstrap вообще хорош, но там jQuery

Но я оставил только css, а нужные куски из js под Vue переписал

Тут советовали mdl, он вроде как на Vue переписанный нормальный есть, но я не пробовал ещё

а кто-нибудь использует какую-нибудь CSS-методологию при верстке Vue-компонентов?

а кто-нибудь использует какую-нибудь CSS-методологию при верстке Vue-компонентов?

БЭМ, но только нейминг.

а зачем, если можно ограничить область видимости CSS с тегом scope?

ведь БЭМ в первую очередь решает именно эту проблему

ведь БЭМ в первую очередь решает именно эту проблему

БЭМ это еще про организацию компонентов

а зачем, если можно ограничить область видимости CSS с тегом scope?

можно. БЭМ решает много проблем. Меня в частности интересует то что названия классов стандартизированны

это плюс, конечно

меня интересует, есть ли среди методологий более подходящая

меня интересует, есть ли среди методологий более подходящая

думаю что готовых решений нет. нужно самому искать и дописывать