kertnik05/app.js

## app.js
// Add a description to the data object
// with the value "A pair of warm, fuzzy
// socks". Then display the description using
// an expression in an p element, underneath
// the h1.

const app = new Vue({
    el: '#app',
    data: {
        product: 'Socks',
        description: 'A pair of warm, fuzzy socks' // my answer to the coding challenge
    }
});

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vue Tuts</title>
    <style>

    </style>
</head>
<body>
    <div id="app">
        <h1>{{ product }}</h1>
        <p>{{ description }}</p> <!-- my answer to the coding challenge -->
    </div>

    <!-- development version, includes helpful console warnings -->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="./app.js"></script>
</body>
</html>
	// Add a description to the data object
	// with the value "A pair of warm, fuzzy
	// socks". Then display the description using
	// an expression in an p element, underneath
	// the h1.

	const app = new Vue({
	el: '#app',
	data: {
	product: 'Socks',
	description: 'A pair of warm, fuzzy socks' // my answer to the coding challenge
	}
	});
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Vue Tuts</title>
	<style>

	</style>
	</head>
	<body>
	<div id="app">
	<h1>{{ product }}</h1>
	<p>{{ description }}</p> <!-- my answer to the coding challenge -->
	</div>

	<!-- development version, includes helpful console warnings -->
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="./app.js"></script>
	</body>
	</html>