tsc -d --outDir ./dist и package.json, смотрящий на результат.
sr.send( /*some-data*/ )?
Vue.component('style-slot', {
functional: true,
render(h, {scopedSlots, data}) {
if (!scopedSlots.default) return;
const map = ['class','staticClass','style','staticStyle'];
const elements = scopedSlots.default();
return elements.map(vNode => {
if (!vNode.tag) return vNode;
let vData;
if (vNode.data) {
vData = Object.assign({}, vNode.data);
map.forEach((key, i) => {
const dataKey = map[i - i % 2];
if(key in data) {
if(dataKey in vNode.data) {
vData[dataKey] = Array.isArray(vData[dataKey])
? vData[dataKey].concat(data[key])
: [vData[dataKey], data[key]];
}
else
vData[dataKey] = data[key];
}
});
} else {
vData = map.reduce((obj, key, i) => {
if(key in data)
obj[key] = data[key];
return obj
}, {});
}
return h(vNode.tag, vData, vNode.children || vNode.text)
})
}
})<template>
<div>
<style-slot class="sl-sl" style="border:2px">
<slot/>
</style-slot>
</div>
</template><template>
<div>
<slot className="slot-class"/>
</div>
</template><template>
<component-a v-slot="{className}">
<p :class="['p-class', className]">text</p>
</component-a>
</template>mapGetters отрабатывает на этапе создания компонента, очевидно что без mapGetters, просто ручками.computed: {
getterResult() {
return this.$store.getters[this.getter]
}
}state.books.filter((book: { id: string }) => book.id !== id)interface Book {
id: string;
// ...
}
state.books.filter((book: Book) => book.id !== id)interface Book {
id: string;
// ...
}
interface State {
books: Book[];
// ...
}
const state: State = ...
state.books.filter(book => book.id !== id)@/assets/images/image.jpeg не существует. Это не волшебство. На этапе компиляции vue-compiler проходится по известному списку атрибутов, а postcss по стилям и заменяют такие пути на результаты loader'a(по умолчанию: data-uri для мелких файлов и внутренние пути относительно spa для остальных). Простые произвольные строки(которой и является `url(@/assets/images/image.jpeg) no-repeat center`) само собой анализу и замене не подвергаются. require('путь')) и использовать его где нужно.:style="`background: url(${require('@/assets/images/image.jpeg')}) no-repeat center`"this.name, а проект должен работать в любых условиях, то для работы import(`mdi-vue/${this.name}`) собирается вообще всё, что лежит в папке mdi-vue/.
[data-theme="dark"] {
--some: some;
}[data-theme="dark"]
$some: some<ul class="nav flex-column nav-pills side-nav" id="v-pills-tab" role="tablist" aria-orientation="vertical">
<router-link tag="li" class="list-group-item" active-class="activ" to="/nutrition/foodmenu">Перспективное меню</router-link>
<router-link tag="li" class="list-group-item" active-class="activ" to="/nutrition/journal">Журнал питания</router-link>
<router-link tag="li" class="list-group-item" active-class="activ" to="/nutrition/ambarbook">Амбарная книга</router-link>
</ul>