Upgrade to Nuxt 3.12, simplify logic
This commit is contained in:
+3
-3
@@ -42,15 +42,15 @@ useHead({
|
||||
|
||||
<template>
|
||||
<section>
|
||||
<h3 class="alex">About me</h3>
|
||||
<Separator />
|
||||
<h4>About me</h4>
|
||||
<hr class="accent accent-gradient border-0 h-px" />
|
||||
<p>
|
||||
<strong>🚧 This page is currently under construction.</strong> Expect a
|
||||
lot more content to be added as time passes.
|
||||
<em>Please report all bugs you encounter via the link in the footer</em>,
|
||||
I will make sure to sand them down.
|
||||
</p>
|
||||
<Separator />
|
||||
<hr class="accent accent-gradient border-0 h-px" />
|
||||
<p>
|
||||
Nice to meet you! I'm Andrew, a {{ age }}-year-old guy from Kaluga,
|
||||
Russia. I have been developing software since I was 10, and I have always
|
||||
|
||||
@@ -127,7 +127,7 @@ useHead({
|
||||
<template>
|
||||
<article
|
||||
v-if="data"
|
||||
class="post scrollbar fade-mask-sm d-flex flex-column gap-3 flex-grow-1 overflow-x-hidden overflow-y-auto py-sm-4 pe-sm-3"
|
||||
class="post scrollbar fade-mask-sm flex flex-col gap-3 flex-grow-1 overflow-x-hidden overflow-y-auto sm:py-4 sm:pe-3"
|
||||
>
|
||||
<div
|
||||
class="post-preamble"
|
||||
@@ -135,14 +135,14 @@ useHead({
|
||||
>
|
||||
<div class="p-2">
|
||||
<h3 class="alex">{{ data.title }}</h3>
|
||||
<div class="d-flex flex-row row-gap-0 column-gap-2 flex-wrap">
|
||||
<div class="d-flex flex-row gap-1 align-items-center">
|
||||
<div class="flex flex-row gap-x-0 gap-y-2 flex-wrap">
|
||||
<div class="flex flex-row items-center gap-1">
|
||||
<iconify-icon icon="mdi:calendar" />
|
||||
<strong class="nobr font-small">
|
||||
{{ formatDate(data.created, 'LLLL do, y – HH:mm') }}
|
||||
</strong>
|
||||
</div>
|
||||
<div class="d-flex flex-row gap-1 align-items-center">
|
||||
<div class="flex flex-row items-center gap-1">
|
||||
<iconify-icon icon="mdi:clock-outline" />
|
||||
<strong class="nobr font-small">
|
||||
{{ data!.readingTime.text.split(' ')[0] + ' minutes to read' }}
|
||||
@@ -162,7 +162,7 @@ useHead({
|
||||
</NuxtLink>
|
||||
</div>
|
||||
<div class="post-content">
|
||||
<Separator class="mt-0" />
|
||||
<hr class="accent accent-gradient border-0 h-px" />
|
||||
<ContentRenderer :value="data" />
|
||||
</div>
|
||||
</article>
|
||||
|
||||
+10
-14
@@ -56,7 +56,7 @@ useHead({
|
||||
}"
|
||||
>
|
||||
<template #default="{ list }">
|
||||
<div class="d-grid gap-3">
|
||||
<div class="grid gap-3">
|
||||
<NuxtLink
|
||||
v-for="post in list"
|
||||
:key="post._path"
|
||||
@@ -64,7 +64,7 @@ useHead({
|
||||
class="no-decoration"
|
||||
>
|
||||
<article
|
||||
class="post-box d-flex flex-column flex-md-row gap-3 rounded-4 h-100"
|
||||
class="post-box flex flex-col md:flex-row gap-3 rounded-xl h-full"
|
||||
>
|
||||
<div class="post-thumb">
|
||||
<img
|
||||
@@ -74,14 +74,14 @@ useHead({
|
||||
`/images/blog/thumbnails/${post._path!.split('/').at(-1)}.png`
|
||||
"
|
||||
:alt="post.title"
|
||||
class="rounded-4"
|
||||
class="rounded-xl"
|
||||
/>
|
||||
</div>
|
||||
<div class="w-100">
|
||||
<div class="w-full">
|
||||
<h3 class="post-title alex">{{ post.title }}</h3>
|
||||
<p class="post-description mb-0">{{ post.description }}</p>
|
||||
|
||||
<div class="post-tags d-flex flex-row flex-wrap gap-2 py-2">
|
||||
<div class="post-tags flex flex-row flex-wrap gap-2 py-2">
|
||||
<span
|
||||
v-for="(tag, index) in post.tags.slice(0, 3)"
|
||||
:key="index"
|
||||
@@ -94,10 +94,10 @@ useHead({
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<Separator class="m-0" />
|
||||
<hr class="accent accent-gradient border-0 h-px" />
|
||||
|
||||
<div class="post-details py-2">
|
||||
<div class="d-flex flex-row gap-1 align-items-center">
|
||||
<div class="flex flex-row items-center gap-1">
|
||||
<iconify-icon icon="mdi:calendar" />
|
||||
<small class="nobr">
|
||||
{{ formatDate(post.created, 'LLLL do, y – HH:mm') }}
|
||||
@@ -105,7 +105,7 @@ useHead({
|
||||
</div>
|
||||
<div
|
||||
v-if="post.updated"
|
||||
class="d-flex flex-row gap-1 align-items-center"
|
||||
class="flex flex-row items-center gap-1"
|
||||
>
|
||||
<iconify-icon icon="mdi:pencil" />
|
||||
<small class="nobr">
|
||||
@@ -115,9 +115,7 @@ useHead({
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="post-pocket d-flex flex-row gap-1 align-items-center p-2"
|
||||
>
|
||||
<div class="post-pocket flex flex-row items-center gap-1 p-2">
|
||||
<iconify-icon icon="mdi:clock-outline" />
|
||||
<small class="nobr font-monospace font-small">
|
||||
{{ post.readingTime.text }}
|
||||
@@ -129,9 +127,7 @@ useHead({
|
||||
</template>
|
||||
|
||||
<template #not-found>
|
||||
<div
|
||||
class="d-flex flex-column justify-content-center align-items-center gap-3"
|
||||
>
|
||||
<div class="flex flex-col justify-center items-center gap-3">
|
||||
<span>No posts found 🙁</span>
|
||||
<NuxtLink to="/" class="link-hi">Back to index</NuxtLink>
|
||||
</div>
|
||||
|
||||
+12
-12
@@ -47,19 +47,19 @@ defineRouteRules({
|
||||
|
||||
<template>
|
||||
<section>
|
||||
<h3 class="alex">Welcome 👋</h3>
|
||||
<p>
|
||||
<h3>Welcome 👋</h3>
|
||||
<p class="mb-4">
|
||||
I'm <strong>Enderman</strong> – a software engineer, a malware
|
||||
enthusiast and most importantly, a weird tall creature. I have over 300K
|
||||
subscribers on
|
||||
<a class="link-hi" :href="`${config.shortener}/youtube`">YouTube</a> and
|
||||
over 20K followers on
|
||||
<a class="link-hi" :href="`${config.shortener}/twitter`">Twitter</a>.
|
||||
Sometimes I wish there were 48 hours in a day.
|
||||
subscribers on <a :href="`${config.shortener}/youtube`">YouTube</a> and
|
||||
over 25K followers on
|
||||
<a class="text-inherit no-underline" :href="`${config.shortener}/twitter`"
|
||||
>Twitter</a
|
||||
>. Sometimes I wish there were 48 hours in a day.
|
||||
</p>
|
||||
<div class="row g-3">
|
||||
<div class="col-12 col-md-8">
|
||||
<h5 class="alex">What I do</h5>
|
||||
<div class="flex flex-col md:flex-row gap-3 mb-4">
|
||||
<div class="md:basis-0 md:flex-grow-[2]">
|
||||
<h6>What I do</h6>
|
||||
<ul class="list-style-type-do">
|
||||
<li>
|
||||
I develop cross-platform software. My language of choice is usually
|
||||
@@ -85,8 +85,8 @@ defineRouteRules({
|
||||
<li>I make videos for you to enjoy!</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-12 col-md-4">
|
||||
<h5 class="alex">What I enjoy</h5>
|
||||
<div class="md:basis-0 md:flex-grow-[1]">
|
||||
<h6>What I enjoy</h6>
|
||||
<ul class="list-style-type-enjoy">
|
||||
<li>Teaching</li>
|
||||
<li>Mathematics</li>
|
||||
|
||||
+2
-2
@@ -69,14 +69,14 @@ useHead({
|
||||
<template>
|
||||
<section>
|
||||
<h3 class="alex">Projects</h3>
|
||||
<Separator />
|
||||
<hr class="accent accent-gradient border-0 h-px" />
|
||||
<p>
|
||||
<strong>🚧 This page is currently under construction.</strong> Expect a
|
||||
lot more content to be added as time passes.
|
||||
<em>Please report all bugs you encounter via the link in the footer</em>,
|
||||
I will make sure to sand them down.
|
||||
</p>
|
||||
<Separator />
|
||||
<hr class="accent accent-gradient border-0 h-px" />
|
||||
<p><strong>My current projects are:</strong></p>
|
||||
<ul>
|
||||
<li v-for="(item, index) in projects" :key="index">
|
||||
|
||||
+2
-2
@@ -117,14 +117,14 @@ useHead({
|
||||
<template>
|
||||
<section>
|
||||
<h3 class="alex">Online presence</h3>
|
||||
<Separator />
|
||||
<hr class="accent accent-gradient border-0 h-px" />
|
||||
<p>
|
||||
<strong>🚧 This page is currently under construction.</strong> Expect a
|
||||
lot more content to be added as time passes.
|
||||
<em>Please report all bugs you encounter via the link in the footer</em>,
|
||||
I will make sure to sand them down.
|
||||
</p>
|
||||
<Separator />
|
||||
<hr class="accent accent-gradient border-0 h-px" />
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3">
|
||||
<h5 class="alex">Social media</h5>
|
||||
|
||||
Reference in New Issue
Block a user