Below are the details with an error:
Error Details: Failed to compile.
./src/components/Header.vue Module Error (from ./node_modules/eslint-loader/index.js):
H:\project\VueProjects\stock-trader\src\components\Header.vue 27:2 error Mixed spaces and tabs no-mixed-spaces-and-tabs
✖ 1 problem (1 error, 0 warnings)
Header.vue
<template>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<router-link to="/" class="navbar-brand">Stock Trader</router-link>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<router-link to="/portfolio" activeClass="active" tag="li"
><a>Portfolio</a></router-link
>
<router-link to="/stocks" activeClass="active" tag="li"
><a>Stocks</a></router-link
>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">End day</a></li>
<li class="dropdown">
<a
href="#"
class="dropdown-toggle"
data-toggle="dropdown"
role="button"
aria-haspopup="true"
aria-expanded="false"
>Save & Load <span class="caret"></span
></a>
<ul class="dropdown-menu">
<li><a href="#">Save Data</a></li>
<li><a href="#">Load Data</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</template>
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Stock Trader</title>
<link
href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="66040909121512140716265348564857">[email protected]</a>/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
crossorigin="anonymous"/>
</head>
<body>
<div id="app"></div>
<script src="/dist/build.js"></script>
</body>
</html>
Please provide guidance on resolving this issue.
Updated information after addressing the initial problem.
Expected outcome screenshot:Image description here
Screenshot of current result:Image description here