stroke="currentColor"
<button class="primary">
.primary {
background: var(--primary);
color: #fff;
&:hover {
color: #ccc;
}
}Слышал если только не обрабатывать (но услышал звон, но не знаю где он)
mask-image: url(/svg/#{$item}.svg);
<div id="header">
<ul>
<li><a href="#">item</a>
<li><a href="#">item</a>
</ul>
</div>app.mount('#header')
data: {
projects: [ ... ]
}<div class="project" v-for="p in projects">
<div class="project__pin">{{ p.pin }}</div>
</div>const numberOfEntries = history.length;
/*
* Этот файл НЕ используется в сборке.
* Он нужен только для корректного автокомплита в IDE phpStorm.
* Эта IDE почему-то не работает как следует, при указании реально использующегося
* файла концигурации, расположенного не в корне проекта (node_modules/laravel-mix/setup/webpack.config.js)
*/
const path = require('path');
module.exports = {
resolve: {
extensions: ['*', '.wasm', '.mjs', '.js', '.jsx', '.json', '.vue'],
alias: {
'vue$': 'vue/dist/vue.runtime.esm.js',
'@': path.join(__dirname, 'src'),
},
},
};<template v-if="cond">
<div> <!-- не будет смонтирован -->
</div>
</template>props: {
'class': String
}props: {
disabled: Boolean
}
<div :class={disabled: disabled}>.sourceMaps(generateForProduction?, devType?, productionType?)
Generate JavaScript source maps.
mix.js('src/file.js', 'dist/file.js').sourceMaps();