Admin skeleton
Let’s start with moving a little bit of code from /html/dashboard.html
to the App.vue
file. One thing to note is that we remove all “content” from the file because that code resides in each component’s own .vue
file.
<div
id=
"app"
>
<nav
class=
"navbar has-shadow"
>
<div
class=
"navbar-brand"
>
<a
class=
"navbar-item"
href=
"#"
>
<img
src=
"logo.png"
alt=
"Bleeding Edge Press"
>
</a>
<div
class=
"navbar-burger burger"
>
<span></span>
<span></span>
<span></span>
</div>
</div>
<div
class=
"navbar-menu"
>
<div
class=
"navbar-start"
>
<div
class=
"navbar-item"
>
<small>
Publishing at the speed of technology</small>
</div>
<...