arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-02-01 04:37:56 +01:00
Code Issues Packages Projects Releases Wiki Activity

lint code

Browse Source
This commit is contained in:
Arthur Danjou
2023-09-05 00:34:18 +02:00
parent 6cd432ed10
commit 3912d53178
3 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/header/Header.vue
View File

@@ -10,19 +10,19 @@ defineProps({
<template> <template>
<header class="z-30 sticky top-0 left-0 flex justify-center w-full"> <header class="z-30 sticky top-0 left-0 flex justify-center w-full">
<div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 flex justify-between bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10"> <div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 flex justify-between bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
<Logo /> <Logo />
<ClientOnly> <ClientOnly>
<NavBar v-if="navigation" /> <NavBar v-if="navigation" />
</ClientOnly> </ClientOnly>
<div class="flex gap-2"> <div class="flex gap-2">
<div class="flex items-center rounded-md p-1 gap-1 relative bg-black/5 text-sm font-medium text-zinc-700 dark:bg-zinc-800/90 dark:text-zinc-300"> <div class="flex items-center rounded-md p-1 gap-1 relative bg-black/5 text-sm font-medium text-zinc-700 dark:bg-zinc-800/90 dark:text-zinc-300">
<ClientOnly> <ClientOnly>
<ColorPicker /> <ColorPicker />
<ColorModeButton /> <ColorModeButton />
</ClientOnly> </ClientOnly>
</div>
<MobileNavBar v-if="navigation" />
</div> </div>
<MobileNavBar v-if="navigation" />
</div>
</div> </div>
</header> </header>
</template> </template>

36
src/error.vue
View File

@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import type { NuxtError } from 'nuxt/app'; import type { NuxtError } from 'nuxt/app'
defineProps({ defineProps({
error: Object as () => NuxtError, error: Object as () => NuxtError,
@@ -21,23 +21,23 @@ const getColor = computed(() => appConfig.ui.primary)
<Header /> <Header />
<UContainer> <UContainer>
<div class="flex flex-col items-center gap-4 mt-12"> <div class="flex flex-col items-center gap-4 mt-12">
<h1 class="font-medium text-[8rem] md:text-[16rem] leading-none bg-error bg-clip-text tracking-wider font-error" :class="`text-${getColor}-500`"> <h1 class="font-medium text-[8rem] md:text-[16rem] leading-none bg-error bg-clip-text tracking-wider font-error" :class="`text-${getColor}-500`">
{{ error?.statusCode }} {{ error?.statusCode }}
</h1> </h1>
<p class="text-lg md:text-2xl text-subtitle text-center"> <p class="text-lg md:text-2xl text-subtitle text-center">
Sorry, {{ error?.statusCode === 404 Sorry, {{ error?.statusCode === 404
? "the page you are looking for doesn't exist or as been moved." ? "the page you are looking for doesn't exist or as been moved."
: "you have encountered a problem." : "you have encountered a problem."
}} }}
<br> <br>
Let's find a better place for you to go. Let's find a better place for you to go.
</p> </p>
</div> </div>
<div class="flex justify-center mt-8 mb-12"> <div class="flex justify-center mt-8 mb-12">
<UButton to="/" size="md" variant="soft" color="primary"> <UButton to="/" size="md" variant="soft" color="primary">
Go back to the main page Go back to the main page
</UButton> </UButton>
</div> </div>
</UContainer> </UContainer>
<Footer /> <Footer />
</div> </div>

2
src/pages/writing/[slug].vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
import type { Post } from '~~/types'; import type { Post } from '~~/types'
const route = useRoute() const route = useRoute()
const { data: postContent } = await useAsyncData<Post>(`writing:${route.params.slug}`, async () => await queryContent<Post>(`/writing/${route.params.slug}`).findOne()) const { data: postContent } = await useAsyncData<Post>(`writing:${route.params.slug}`, async () => await queryContent<Post>(`/writing/${route.params.slug}`).findOne())