Nuxt creates the HTML app template behind the scenes for you, so basically, you don't have to bother creating it. However, you still can customize it, such as by adding scripts or styles, if you want to. The default Nuxt HTML template is as simple as this:
<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
<head>
{{ HEAD }}
</head>
<body {{ BODY_ATTRS }}>
{{ APP }}
</body>
</html>
If you want to change or override this default, simply create an app.html file in your root directory. Take the following example:
// app.html
<!DOCTYPE html>
<!--[if IE 9]><html lang="en-US" class="lt-ie9 ie9" {{ HTML_ATTRS }}><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html {{ HTML_ATTRS }}><!--<![endif]-->
<head>
{{ HEAD }}
</head>
<body {{ BODY_ATTRS }}>
{{ APP }}
</body>
</html>
Restart your app and you should see that your custom app HTML...
