KevinMidboe/seasoned
1
0
Fork 0
Code Issues 12 Pull Requests 1 Packages Projects Releases 1 Wiki Activity

Linting

Browse Source
This commit is contained in:
Kevin
2022-03-05 08:59:35 +01:00
parent d24a318de8
commit 04c9e019d3
8 changed files with 74 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/App.vue
View File

@@ -1,5 +1,40 @@
<style lang="scss" scoped>
@import "./src/scss/media-queries";
<template>
<div id="app">
<!-- Header and hamburger navigation -->
<NavigationHeader class="header"></NavigationHeader>
<NavigationIcons class="desktop-menu desktop-only" />
<!-- Display the component assigned to the given route (default: home) -->
<router-view class="content" :key="$route.fullPath"></router-view>
<!-- Movie popup that will show above existing rendered content -->
<movie-popup></movie-popup>
<darkmode-toggle />
</div>
</template>
<script>
import NavigationHeader from "@/components/NavigationHeader";
import NavigationIcons from "@/components/NavigationIcons";
import MoviePopup from "@/components/MoviePopup";
import DarkmodeToggle from "@/components/ui/darkmodeToggle";
export default {
name: "app",
components: {
NavigationHeader,
NavigationIcons,
MoviePopup,
DarkmodeToggle
}
};
</script>
<style lang="scss">
@import "src/scss/main";
@import "src/scss/media-queries";
#app {
display: grid;
// grid-template-columns: 90px 1fr 90px;
@@ -35,41 +70,3 @@
left: 0;
}
</style>
<template>
<div id="app">
<!-- Header and hamburger navigation -->
<NavigationHeader class="header"></NavigationHeader>
<NavigationIcons class="desktop-menu desktop-only" />
<!-- Display the component assigned to the given route (default: home) -->
<router-view class="content" :key="$route.fullPath"></router-view>
<!-- Movie popup that will show above existing rendered content -->
<movie-popup></movie-popup>
<darkmode-toggle />
</div>
</template>
<script>
import NavigationHeader from "@/components/NavigationHeader";
import NavigationIcons from "@/components/NavigationIcons";
import MoviePopup from "@/components/MoviePopup";
import DarkmodeToggle from "@/components/ui/darkmodeToggle";
export default {
name: "app",
components: {
NavigationHeader,
NavigationIcons,
MoviePopup,
DarkmodeToggle
}
};
</script>
<style lang="scss">
@import "./src/scss/main";
@import "./src/scss/media-queries";
</style>