fix totals error and add Skeleton loading in Home.vue, remove initial bootstrap import (possibly culprit of massive inline css and errors?), covered by later main.scss imports, remove store.js console.log

This commit is contained in:
Xevion
2020-09-12 13:39:05 -05:00
parent d9af6b7950
commit 209e2a9172
3 changed files with 22 additions and 9 deletions

View File

@@ -1,20 +1,35 @@
<template>
<b-card title="The Office Quotes">
<b-card-text>
A Vue.js application serving you {{ stats.totals.quote }} quotes from your
favorite show - The Office.
<br/>
Click on a Season and Episode on the left-hand sidebar to view quotes.
Search for quotes with the instant searchbox.
<b-card>
<template v-if="stats">
<h4>
The Office Quotes
</h4>
<b-card-text>
A Vue.js application serving you {{ stats.totals.quote }} quotes from your
favorite show - The Office.
<br/>
Click on a Season and Episode on the left-hand sidebar to view quotes.
Search for quotes with the instant searchbox.
</b-card-text>
</template>
<b-card-text v-else>
<Skeleton style="width: 45%"></Skeleton>
<Skeleton style="width: 75%"></Skeleton>
<Skeleton style="width: 60%"></Skeleton>
<Skeleton style="width: 60%"></Skeleton>
</b-card-text>
</b-card>
</template>
<script>
import axios from "axios";
import Skeleton from './Skeleton.vue';
export default {
name: "Home",
components: {
Skeleton
},
data() {
return {
stats: null,

View File

@@ -1,4 +1,3 @@
import "bootstrap/dist/css/bootstrap.css";
import '@/scss/main.scss';
import Vue from "vue";
import {BootstrapVue, BootstrapVueIcons} from "bootstrap-vue";

View File

@@ -12,7 +12,6 @@ const baseData = Array.from({length: 9}, (x, season) => {
let episodeData = Array.from({length: episodeCount[season]}, () => null)
return {season_id: season + 1, episodes: episodeData};
})
console.log(baseData)
export default new Vuex.Store({
state: {