RhenCloud/Cloud-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add archive page

Browse Source 
Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
This commit is contained in:
nurRiyad
2022-12-12 22:18:18 +06:00
parent cafed60acc
commit a1367ac6b9
7 changed files with 60 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/ArchievCard.vue Normal file
View File

@@ -0,0 +1,10 @@
<template>
<div class="px-5 font-mono mb-5">
<h4 class="font-semibold text-slate-800 text-xl antialiased p-2">
Typescript
</h4>
<div class="px-10">
<archive-post-card v-for="n in 5" :key="n" />
</div>
</div>
</template>

11
components/ArchivePostCard.vue Normal file
View File

@@ -0,0 +1,11 @@
<template>
<div class="font-mono">
<nuxt-link class="flex items-baseline space-x-3 space-y-2" to="/">
<icon name="arcticons:blogger" />
<h4 class="text-blue-600 hover:underline">
<span class="mr-4 text-slate-600">22-10-2020</span> This is a archive
post link
</h4>
</nuxt-link>
</div>
</template>

4
components/CategoryCard.vue
View File

@@ -1,8 +1,8 @@
<template> <template>
<div class="bg-white mx-5 my-2 p-6 min-w-[530px] rounded-md shadow-lg"> <div class="bg-white mx-5 my-2 p-6 min-w-[530px] rounded-md shadow-lg">
<nuxt-link to="/js" class="hover:underline"> <nuxt-link to="/category/js" class="hover:underline">
<div class="flex items-center"> <div class="flex items-center">
<h4 class="text-5xl text-slate-800 font-medium py-1">BajaScript</h4> <h4 class="text-2xl text-slate-800 font-medium py-1">VUe</h4>
</div> </div>
</nuxt-link> </nuxt-link>

16
components/OneLineCard.vue
View File

@@ -1,12 +1,12 @@
<template> <template>
<div class="font-semibold antialiased font-poppins hover:underline"> <div
<nuxt-link to="/"> class="font-semibold antialiased text-slate-800 font-poppins hover:underline"
<h4> >
<span class="mr-2"> <nuxt-link class="flex items-baseline space-x-3" to="/">
<icon calss="bg-red" name="ant-design:arrow-right-outlined" /> <div class="hover:scale-125 transition">
</span> <icon name="ant-design:arrow-right-outlined" />
How to use vite in your nuxt 3 project a a a riyad </div>
</h4> <h4>How to use vite in your nuxt 3 project a a a riyad</h4>
</nuxt-link> </nuxt-link>
</div> </div>
</template> </template>

1
content/docker/sldkfsldf.md Normal file
View File

@@ -0,0 +1 @@
sdlfjksldfkj

14
pages/archive.vue
View File

@@ -1,5 +1,17 @@
<script setup lang="ts">
definePageMeta({
layout: "list",
});
const { data } = await useAsyncData("home", () => queryContent("/").find());
</script>
<template> <template>
<div class="container mx-auto max-w-6xl font-mono antialiased">
<h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
ALL CONTENTS
</h1>
<div> <div>
<p>This is archive page</p> <archiev-card v-for="n in 5" :key="n" />
</div>
</div> </div>
</template> </template>

16
pages/category/[topic].vue
View File

@@ -1,5 +1,17 @@
<script setup lang="ts">
definePageMeta({
layout: "list",
});
const { data } = await useAsyncData("home", () => queryContent("/").find());
</script>
<template> <template>
<div> <div class="container mx-auto max-w-6xl font-poppins antialiased">
<h1>This is the {{ $route.params.topic }}</h1> <h1 class="font-semibold text-3xl mt-10 py-3 mx-5 text-slate-800">
ALL JAVASCRIPT POST
</h1>
<div class="flex justify-between flex-wrap">
<latest-blog-card v-for="n in 20" :key="n" />
</div>
</div> </div>
</template> </template>