Rootdiv

<div id="app">
	<div class="container">
		<h1 class="title">{{ title }}</h1>
		<div class="card">
			<div class="card__inner">
				<form>
					<input type="text" placeholder="Create a new todo" v-model="newItem" />
					<button @click="addItem" :disabled="newItem.length === 0">Add Todo</button>
				</form>
				<p v-if="items.length === 0">No todos!</p>

Rootdiv

/* webpack.config.js для марафона Интернет-магазин гаджетов (27.06.2022 - 10.07.2022)
с возможностью запуска 2-х браузеров через browser-sync-webpack-plugin */

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const Critical = require('critical-css-webpack-plugin');
const BrowserSyncWebpackPlugin = require('browser-sync-webpack-plugin');

const PAGES = ['index', 'cart', 'card'];

Rootdiv

class bootstrap_4_walker_nav_menu extends Walker_Nav_menu {
    
    function start_lvl( &$output, $depth = 0, $args = array() ){ // ul
        $indent = str_repeat("\t",$depth); // indents the outputted HTML
        $submenu = ($depth > 0) ? ' sub-menu' : '';
        $output .= "\n$indent<ul class=\"dropdown-menu$submenu depth_$depth\">\n";
    }
  
  function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ){ // li a span