mirror of
https://github.com/Xevion/the-office.git
synced 2025-12-09 12:08:59 -06:00
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:
@@ -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,
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
import "bootstrap/dist/css/bootstrap.css";
|
||||
import '@/scss/main.scss';
|
||||
import Vue from "vue";
|
||||
import {BootstrapVue, BootstrapVueIcons} from "bootstrap-vue";
|
||||
|
||||
@@ -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: {
|
||||
|
||||
Reference in New Issue
Block a user