feat: add useDemoItems & delete unrelated components

Author: WRXinYue

theme/components/ListDemos.vue

@@ -1,7 +1,9 @@
 <script setup lang="ts">
 import { breakpointsTailwind, useBreakpoints } from '@vueuse/core'
 import { computed } from 'vue'
-import { demoItems } from '../pages/data'
+import { useDemoItems } from '../composables'
+
+const demoItems = useDemoItems()
 
 const breakpoints = useBreakpoints(breakpointsTailwind)
 

theme/components/PersonalIntroduction.vue

@@ -0,0 +1,33 @@
+import { usePageList } from 'valaxy'
+import { computed } from 'vue'
+
+const video = import.meta.glob(`@valaxy-blog/pages/demos/*.mp4`, { eager: true, query: '?url', import: 'default' })
+
+// HACK: There should be a better way to do this, or it should be encapsulated...
+const baseUrl = Object.keys(video)[0].match(/^.*(?=\/demos)/)![0]
+
+export function useDemoItems() {
+  const pageList = usePageList()
+  const posts = computed(() => pageList.value.filter(i =>
+    i.path?.startsWith('/demos')
+    && i.path !== '/demos'
+    && !i.path?.endsWith('.html')
+    && i.date
+    && (!i.hide || i.hide === 'index'),
+  ))
+
+  const demoItems = posts.value.map(post => ({
+    title: post.title,
+    link: post.link ?? post.path,
+    date: post.date,
+    excerpt: post.excerpt,
+    // https://github.com/vitejs/vite/issues/14102
+    // src: (await import(/* @vite-ignore */ `/pages${post.path}.mp4?url`)).default as unknown,
+    src: video[`${baseUrl}${post.path}.mp4`] as string,
+  }))
+    .filter(item => item.date !== 'index')
+    // .sort((a, b) => b.date!.localeCompare(a.date!))
+    .sort((a, b) => new Date(b.date!).getTime() - new Date(a.date!).getTime())
+
+  return demoItems
+}

theme/components/ServicesOverview.vue

@@ -1 +1,2 @@
 export * from './config'
+export * from './data'

theme/components/SkillsList.vue

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-antfu",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "packageManager": "pnpm@9.5.0",
   "author": {
     "email": "wrxinyue@foxmail.com",