Semantic-ui-vue!

мне дейттайм ренж пикер нужен

Тогда отбой, ещё не реализовали

Хочу слепить

Ну, подобное есть в element.eleme.io

Но он меня почему-то смущает

народ, тапками не кидайте сильно (ток перехожу на Vue) пробую вот эту штуку https://github.com/vue-styleguidist/vue-styleguidist для доки. но у меня в проекте есть простой файл config.js который хочу везде импортить и туда вынести какие-то environment константы что-то в стиле export const DEBUG = NODE_ENV === "development"

народ, тапками не кидайте сильно (ток перехожу на Vue) пробую вот эту штуку https://github.com/vue-styleguidist/vue-styleguidist для доки. но у меня в проекте есть простой файл config.js который хочу везде импортить и туда вынести какие-то environment константы что-то в стиле export const DEBUG = NODE_ENV === "development"

Так, хорошо. А в чем сложность?

я точно где-то туплю

хочу в навигацию добавить пункт Config и туда сгенеренную доку из "простого файла"

*.vue файлы все залетели отлично, и демки и пропсы, вообще классная штука

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

нет, не соответствует, надо походу другое имя поля дать)

там в файле примерно это

я имею в виду, что я точно туплю и поле должно иначе называтся только пока хз как (смотрю в доке)

а вот и проблема

content || components может быть

но мне не подходит content т.к. это просто сырой файл выводит и не подходит component т.к. это не компонент

https://github.com/vue-styleguidist/vue-styleguidist/blob/master/docs/Components.md#sections

мне нужно просто доку из обычного js файла в пункт меню вывести (файл-конфиг, выше скрин)

мне нужно просто доку из обычного js файла в пункт меню вывести (файл-конфиг, выше скрин)

Короче, нужно чтоб vue-styleguidist отрисовал jsdoc с файла src/config.js как страницу и добавил ее в навигацию?

да

Я тут кстати подумал что для встраивания в готовый лендос должен веб компонент подойти

Короче, нужно чтоб vue-styleguidist отрисовал jsdoc с файла src/config.js как страницу и добавил ее в навигацию?

на крайняк не в навигацию а хоть куда-то ?

да

Чет я сильно не уверен, что так можно. vue-styleguidist разве понимает jsdoc?

Короче, нужно чтоб vue-styleguidist отрисовал jsdoc с файла src/config.js как страницу и добавил ее в навигацию?

и туда-же вопрос, я хочу задокументировать файлы типо actions.js, mutations.js типо как тут https://github.com/petervmeijgaard/vue-2-boilerplate/tree/master/src/store/modules/account

ну он понимает базовый jsdoc (не весь) там в доке было об этом

блин, инструмент классный но не полноценный походу

блин, инструмент классный но не полноценный походу

Он не то, что не полноценный, скорее только для одной цели - описывать компоненты :)

Он не то, что не полноценный, скорее только для одной цели - описывать компоненты :)

а нет такого-же классного инструмента чтобы описать остальное?) и чтобы в итоге получить норм доку?

а нет такого-же классного инструмента чтобы описать остальное?) и чтобы в итоге получить норм доку?

Я не задавался этим вопросом

видел что-то типо vue-jsdoc но он сразу не взлетает и хз как с этой штукой работает

а нет такого-же классного инструмента чтобы описать остальное?) и чтобы в итоге получить норм доку?

Думаю, можно попробовать найти автора в соц.сетях типа Твиттера и/или задать вопрос в issue

да наверно так и сделаю, спасибо)

да наверно так и сделаю, спасибо)

Тут все смотрели? https://github.com/vuejs/awesome-vue#docs

Тут все смотрели? https://github.com/vuejs/awesome-vue#docs

похоже не все, спасибо есть пару интересных вариантов

попробую

?

Чатик привет! Вопрос в студию! Часто вижу люди предлагают делають глобальную шину this.$bus.$emit('my-event', payload) (http://vuetips.com/global-event-bus) Зачем создавать дополнительный екзампляр вью ? Если можно еммитить сибытия на корневом екземпляре ? this.$root.$emit('my-event', payload)

Прост))0)

Чатик привет! Вопрос в студию! Часто вижу люди предлагают делають глобальную шину this.$bus.$emit('my-event', payload) (http://vuetips.com/global-event-bus) Зачем создавать дополнительный екзампляр вью ? Если можно еммитить сибытия на корневом екземпляре ? this.$root.$emit('my-event', payload)

сам кстати хз, я впринципе не использую шину, но можно и в рут эмитить

Чатик привет! Вопрос в студию! Часто вижу люди предлагают делають глобальную шину this.$bus.$emit('my-event', payload) (http://vuetips.com/global-event-bus) Зачем создавать дополнительный екзампляр вью ? Если можно еммитить сибытия на корневом екземпляре ? this.$root.$emit('my-event', payload)

антипаттерн

Что антипаттерн ?

эмитить в рут. это неявно

Ну как вариант

хера се неявно, куда уж явнее

Чатик привет! Вопрос в студию! Часто вижу люди предлагают делають глобальную шину this.$bus.$emit('my-event', payload) (http://vuetips.com/global-event-bus) Зачем создавать дополнительный екзампляр вью ? Если можно еммитить сибытия на корневом екземпляре ? this.$root.$emit('my-event', payload)

Потому что в доке есть такой пример

Да есть, но без каких либо комментариев почему так, а не через рут

эмитить в рут. это неявно

Ты точно программист?

Да есть, но без каких либо комментариев почему так, а не через рут

Потому что Vue можно юзать не только как SPA. Если у тебя несколько инстансов на странице, то тебе нужно между ними как-то общаться

Потому что Vue можно юзать не только как SPA. Если у тебя несколько инстансов на странице, то тебе нужно между ними как-то общаться

О! А вот это уже причина. Сенк!

О! А вот это уже причина. Сенк!

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

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

Найс! ?

Найс! ?

Может Илья еще чего докинет))

Ну надеюсь)

Кто в курсе как настроить webpack для typescript, без использования vue-cli?

Кто в курсе как настроить webpack для typescript, без использования vue-cli?

погугли ts-loader для вебпака

и собсна все

Кто в курсе как настроить webpack для typescript, без использования vue-cli?

https://webpack.js.org/guides/typescript/

Что не так пошло?

const webpack = require('webpack'), path = require('path'); // TODO: add autoprefixer module.exports = { entry: './development/main.ts', output: { path: path.resolve(__dirname, './app/scripts'), publicPath: 'scripts', filename: '[name].js' }, module: { rules: [ { test: /\.vue$/, loader: 'vue-loader', options: { loaders: { scss: [ 'vue-style-loader', 'css-loader', 'resolve-url-loader', 'sass-loader', { // Make possible to automatically load general settings styles (as vars/placeholders/mixins) in components loader: 'sass-resources-loader', options: { resources: path.resolve(__dirname, './development/styles/_variables.scss') } } ] } } }, { test: /\.tsx?$/, loader: 'ts-loader', exclude: /node_modules|vue\/development/, options: { appendTsSuffixTo: [/\.vue$/] } }, // { // test: /\.js$/, // loader: 'babel-loader' // }, { test: /\.woff2?$|\.ttf$|\.eot$|\.svg$/, loader: 'file-loader' } ] }, resolve: { extensions: ['.ts', '.tsx', '.js'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@comp': path.resolve(__dirname, './development/components'), '@pages': path.resolve(__dirname, './development/pages'), '@': path.resolve(__dirname, './development') } }, devServer: { historyApiFallback: true }, devtool: '#cheap-eval-source-map' }

Пишет TS2307: Cannot find module

И ещё что-то похоже связаное c scss (хотя до попытки внедрить ts всё было ок) - TypeError: Cannot read property 'context' of undefined

ERROR: S client not available

это вроде тсовая ошибка уже?

видимо ты где то импорт не написал в проекте

или что то вроде того

И ещё что-то похоже связаное c scss (хотя до попытки внедрить ts всё было ок) - TypeError: Cannot read property 'context' of undefined

ошибка все говорит

ищи где используешь context

сделай проверку на undefined

видимо ты где то импорт не написал в проекте

import CustomInput from './components/FormComponents/CustomInput.vue' в чём ошибка может быть?

ну не факт что тут

сложно понять просто так

попробуй выпиливать частями что-то из проекта

пока ошибка не пропадет

чтобы понять где

если строчка не указана

не знаю что еще посоветовать

VSCode подсвечивает, что тут, как и любой другой импорт

либо код на гитхаб

все импорты не работают

которые используют относительны1 путь

ты с 0 конфиг вебпака писал или шаблон взял?

с 0 писал

которые используют относительны1 путь

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

вебпак не то резолвит

в эту сторону копай

для точки входа я только расширение поменял с .js на .ts

до этого всё было гуд

Ребят так как я новичок в Вью. Можете простым человеческим языком объяснить чем отличается методы от computed

computed - то типа геттеров

пасибо

https://frontendsociety.com/why-you-shouldnt-use-vue-component-ff019fbcac2e кто что скажет? глобально ли регистрировать компоненты или локально?

https://frontendsociety.com/why-you-shouldnt-use-vue-component-ff019fbcac2e кто что скажет? глобально ли регистрировать компоненты или локально?

я локально

регаю

как в статье