Fix errors

This commit is contained in:
dragongoose 2023-09-16 11:44:43 -04:00
parent e2682ba1a1
commit 5637e62900
No known key found for this signature in database
GPG key ID: 01397EEC371CDAA5
5 changed files with 7 additions and 15 deletions

View file

@ -13,9 +13,7 @@ export default {
props: { props: {
masterManifestUrl: { masterManifestUrl: {
type: String, type: String,
default() { required: true,
return {}
}
} }
}, },
emits: ['PlayerTimeUpdate'], emits: ['PlayerTimeUpdate'],

View file

@ -1,6 +1,4 @@
<script lang="ts"> <script lang="ts">
import { inject } from 'vue'
export default { export default {
setup() { setup() {
return { return {

View file

@ -1,11 +1,9 @@
<script lang="ts"> <script lang="ts">
import { ref } from 'vue' import { ref } from 'vue'
import SearchBar from './SearchBar.vue' import SearchBar from './SearchBar.vue'
import LanguageSwitcher from './LanguageSwitcher.vue'
export default { export default {
components: { components: {
SearchBar, SearchBar
LanguageSwitcher
}, },
setup() { setup() {
return { return {

View file

@ -37,14 +37,15 @@ export default {
<hr class="my-auto w-full bg-gray-200 rounded-full opacity-40" /> <hr class="my-auto w-full bg-gray-200 rounded-full opacity-40" />
<ul class="flex font-semibold text-md justify-start flex-wrap flex-row"> <ul v-if="socials" class="flex font-semibold text-md justify-start flex-wrap flex-row">
<li v-if="socials" v-for="link in socials" :key="link.url"> <li v-for="link in socials" :key="link.url">
<a :href="link.url" class="text-white hover:text-gray-400 mr-4 flex"> <a :href="link.url" class="text-white hover:text-gray-400 mr-4 flex">
<v-icon :name="getIconName(link.type)" class="w-6 h-6 mr-1"></v-icon> <v-icon :name="getIconName(link.type)" class="w-6 h-6 mr-1"></v-icon>
<span>{{ link.name }}</span> <span>{{ link.name }}</span>
</a> </a>
</li> </li>
<p v-else> No socials provided </p>
</ul> </ul>
<p v-else> No socials provided </p>
</div> </div>
</template> </template>

View file

@ -1,9 +1,8 @@
<script lang="ts"> <script lang="ts">
import { ref, inject } from 'vue' import { ref } from 'vue'
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
import VideoPlayer from '@/components/VideoPlayer.vue' import VideoPlayer from '@/components/VideoPlayer.vue'
import TwitchChat from '@/components/TwitchChat.vue'
import ErrorMessage from '@/components/ErrorMessage.vue' import ErrorMessage from '@/components/ErrorMessage.vue'
import FollowButton from '@/components/FollowButton.vue' import FollowButton from '@/components/FollowButton.vue'
import LoadingScreen from '@/components/LoadingScreen.vue' import LoadingScreen from '@/components/LoadingScreen.vue'
@ -24,7 +23,6 @@ export default {
const clipSlug = route.params.slug const clipSlug = route.params.slug
const data = ref<Video>() const data = ref<Video>()
const status = ref<'ok' | 'error'>() const status = ref<'ok' | 'error'>()
const rootBackendUrl = inject('rootBackendUrl')
let srcUrl let srcUrl
await getEndpoint(`api/clips/cliplink/${clipSlug}`) await getEndpoint(`api/clips/cliplink/${clipSlug}`)
@ -69,7 +67,6 @@ export default {
}, },
components: { components: {
VideoPlayer, VideoPlayer,
TwitchChat,
ErrorMessage, ErrorMessage,
FollowButton, FollowButton,
LoadingScreen, LoadingScreen,