valaxy 0.7.2 → 0.7.5

package/client/components/PostCard.vue

@@ -1,81 +0,0 @@
-<script lang="ts" setup>
-import { useI18n } from 'vue-i18n'
-import type { Post } from '../../types'
-import { usePostProperty } from '~/composables'
-
-const props = defineProps<{
-  post: Post
-}>()
-
-const { t } = useI18n()
-
-const { icon, styles } = usePostProperty(props.post.type)
-</script>
-
-<template>
-  <YunCard m="y-4 auto" :class="post.cover ? 'post-card-image' : 'post-card'" :style="styles">
-    <div class="flex flex-1 of-hidden justify-start items-start post-card-info" w="full">
-      <img
-        v-if="post.cover"
-        :src="post.cover"
-        :alt="t('post.cover')"
-        width="320" height="180"
-        w="40%" h="54"
-        class="cover object-cover object-center md:shadow"
-      >
-
-      <div class="flex flex-col flex-1 items-center" :class="post.cover && 'max-h-54'" w="full">
-        <AppLink
-          class="post-title-link"
-          :to="post.path || ''"
-          m="t-3"
-        >
-          <div class="flex justify-center items-center title text-2xl" font="serif black">
-            <div v-if="post.type" class="inline-flex" m="r-1" :class="icon" />{{ post.title }}
-          </div>
-        </AppLink>
-
-        <YunPostMeta :frontmatter="post" />
-
-        <div v-if="post.excerpt" class="markdown-body" text="left" w="full" p="x-6 lt-sm:4" v-html="post.excerpt" />
-        <div m="b-5" />
-
-        <a
-          v-if="post.url"
-          :href="post.url"
-          class="post-link-btn shadow hover:shadow-md"
-          rounded
-          target="_blank"
-          m="b-4"
-        >
-          {{ t('post.view_link') }}
-        </a>
-      </div>
-    </div>
-
-    <!-- always show -->
-    <div w="full" class="yun-card-actions flex justify-between" border="t" text="sm">
-      <div class="inline-flex">
-        <router-link
-          :to="{
-            path: '/categories/',
-            query: { category: Array.isArray(post.categories) ? post.categories[post.categories.length - 1] : post.categories },
-          }"
-          class="post-categories inline-flex justify-center items-center" m="l-2"
-        >
-          <div m="x-1" i-ri-folder-2-line />
-          {{ Array.isArray(post.categories) ? post.categories.join(' > ') : post.categories }}
-        </router-link>
-      </div>
-
-      <div class="post-tags inline-flex" m="r-2">
-        <template v-if="post.tags">
-          <router-link v-for="tag, i in post.tags" :key="i" :to="{ path: '/tags/', query: { tag } }" m="x-1" class="post-tag inline-flex justify-center items-center">
-            <div m="r-1" i-ri-price-tag-3-line />
-            {{ tag }}
-          </router-link>
-        </template>
-      </div>
-    </div>
-  </YunCard>
-</template>

package/client/components/PostList.vue

@@ -1,50 +0,0 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue'
-import type { Post } from 'valaxy'
-import { usePostList } from '~/composables'
-
-const props = withDefaults(defineProps<{
-  type?: string
-  posts?: Post[]
-  curPage?: number
-}>(), {
-  curPage: 1,
-})
-
-const pageSize = ref(7)
-
-const routes = usePostList({ type: props.type || '' })
-const posts = computed(() => props.posts || routes.value)
-const displayedPosts = computed(() => posts.value.slice((props.curPage - 1) * pageSize.value, props.curPage * pageSize.value))
-</script>
-
-<template>
-  <div w="full" p="x-4 lt-sm:0">
-    <template v-if="!displayedPosts.length">
-      <div py2 op50>
-        博主还什么都没写哦～
-      </div>
-    </template>
-
-    <Transition v-for="route, i in displayedPosts" :key="i" name="fade">
-      <PostCard :post="route" />
-    </Transition>
-  </div>
-
-  <ValaxyPagination :cur-page="curPage" :page-size="pageSize" :total="posts.length" />
-</template>
-
-<style>
-.yun-card-actions {
-  border-top: 1px solid rgba(122, 122, 122, 0.15);
-  min-height: 2.5rem;
-}
-
-.post-categories {
-  color: var(--va-c-text);
-}
-
-.post-tag {
-  color: var(--va-c-text);
-}
-</style>

package/client/components/ValaxyBg.vue

@@ -1,51 +0,0 @@
-<script lang="ts" setup>
-import { computed } from 'vue'
-import { useThemeConfig } from 'valaxy'
-import { useCssVar } from '@vueuse/core'
-import { isDark } from '~/composables'
-
-const themeConfig = useThemeConfig()
-
-const bgImgOpacity = useCssVar('--va-bg-img-opacity')
-if (themeConfig.value.bg_image.opacity)
-  bgImgOpacity.value = themeConfig.value.bg_image.opacity.toString() || '1'
-
-const styles = computed(() => {
-  return {
-    backgroundImage: `url('${isDark.value
-      ? themeConfig.value.bg_image.dark
-      : themeConfig.value.bg_image.url
-      }')`,
-  }
-})
-</script>
-
-<template>
-  <div class="va-bg" :style="styles" />
-</template>
-
-<style lang="scss">
-.va-bg {
-  position: fixed;
-  width: 100%;
-  height: 100%;
-  z-index: -1;
-  background-image: var(--va-bg-image);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  animation-name: bgFadeIn;
-  animation-duration: 2s;
-  opacity: var(--va-bg-img-opacity, 1);
-}
-
-@keyframes bgFadeIn {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: var(--va-bg-img-opacity, 1);
-  }
-}
-</style>

package/client/components/ValaxyFooter.vue

@@ -1,52 +0,0 @@
-<script lang="ts" setup>
-import { capitalize, computed } from 'vue'
-import { useConfig, useThemeConfig } from 'valaxy'
-import { useI18n } from 'vue-i18n'
-
-import pkg from '../../package.json'
-
-const { t } = useI18n()
-
-const config = useConfig()
-const themeConfig = useThemeConfig()
-
-const year = new Date().getFullYear()
-
-const isThisYear = computed(() => {
-  return year === themeConfig.value.footer.since
-})
-
-const poweredHtml = computed(() => t('footer.powered', [`<a href="${pkg.repository}" target="_blank" rel="noopener">Valaxy</a> v${pkg.version}`]))
-</script>
-
-<template>
-  <footer class="va-footer p-4" text="center sm" style="color:var(--va-c-text-light)">
-    <div v-if="themeConfig.footer.beian.enable && themeConfig.footer.beian.icp" class="beian" m="y-2">
-      <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener">
-        {{ themeConfig.footer.beian.icp }}
-      </a>
-    </div>
-
-    <div class="copyright flex justify-center items-center" p="1">
-      <span>
-        &copy;
-        <template v-if="!isThisYear">
-          {{ themeConfig.footer.since }} -
-        </template>
-        {{ year }}
-      </span>
-
-      <a m="x-2" class="inline-flex animate-pulse" :href="themeConfig.footer.icon.url" target="_blank" :title="themeConfig.footer.icon.title">
-        <div :class="themeConfig.footer.icon.name" />
-      </a>
-
-      <span>{{ config.author.name }}</span>
-    </div>
-
-    <div v-if="themeConfig.footer.powered" class="powered" m="2">
-      <span v-html="poweredHtml" /> | <span>{{ t('footer.theme') }} - <a :href="themeConfig.pkg.homepage" :title="`valaxy-theme-${config.theme}`" target="_blank">{{ capitalize(config.theme) }}</a> v{{ themeConfig.pkg.version }}</span>
-    </div>
-
-    <slot />
-  </footer>
-</template>

package/client/pages/hi/[name].vue

@@ -1,52 +0,0 @@
-<script setup lang="ts">
-import { watchEffect } from 'vue'
-import { useI18n } from 'vue-i18n'
-import { useRouter } from 'vue-router'
-import { useUserStore } from '~/stores/user'
-
-const props = defineProps<{ name: string }>()
-const router = useRouter()
-const user = useUserStore()
-const { t } = useI18n()
-
-watchEffect(() => {
-  user.setNewName(props.name)
-})
-</script>
-
-<template>
-  <div>
-    <div text-4xl>
-      <div i-carbon-pedestrian inline-block />
-    </div>
-    <p>
-      {{ t('intro.hi', { name: props.name }) }}
-    </p>
-
-    <p text-sm opacity-50>
-      <em>{{ t('intro.dynamic-route') }}</em>
-    </p>
-
-    <template v-if="user.otherNames.length">
-      <p text-sm mt-4>
-        <span opacity-75>{{ t('intro.aka') }}:</span>
-        <ul>
-          <li v-for="otherName in user.otherNames" :key="otherName">
-            <router-link :to="`/hi/${otherName}`" replace>
-              {{ otherName }}
-            </router-link>
-          </li>
-        </ul>
-      </p>
-    </template>
-
-    <div>
-      <button
-        btn m="3 t6" text-sm
-        @click="router.back()"
-      >
-        {{ t('button.back') }}
-      </button>
-    </div>
-  </div>
-</template>

package/client/pages/index.vue

@@ -1,8 +0,0 @@
-<template>
-  <PostList />
-</template>
-
-<route lang="yaml">
-meta:
-  layout: home
-</route>

package/client/pages/page/[page].vue

@@ -1,12 +0,0 @@
-<script setup lang="ts">
-defineProps<{ page: string }>()
-</script>
-
-<template>
-  <PostList :cur-page="parseInt(page)" />
-</template>
-
-<route lang="yaml">
-meta:
-  layout: home
-</route>

package/client/stores/user.ts

@@ -1,35 +0,0 @@
-import { computed, ref } from 'vue'
-import { acceptHMRUpdate, defineStore } from 'pinia'
-
-export const useUserStore = defineStore('user', () => {
-  /**
-   * Current name of the user.
-   */
-  const savedName = ref('')
-  const previousNames = ref(new Set<string>())
-
-  const usedNames = computed(() => Array.from(previousNames.value))
-  const otherNames = computed(() => usedNames.value.filter(name => name !== savedName.value))
-
-  /**
-   * Changes the current name of the user and saves the one that was used
-   * before.
-   *
-   * @param name - new name to set
-   */
-  function setNewName(name: string) {
-    if (savedName.value)
-      previousNames.value.add(savedName.value)
-
-    savedName.value = name
-  }
-
-  return {
-    setNewName,
-    otherNames,
-    savedName,
-  }
-})
-
-if (import.meta.hot)
-  import.meta.hot.accept(acceptHMRUpdate(useUserStore, import.meta.hot))

package/client/utils/sidebar.ts

@@ -1,26 +0,0 @@
-import type { YunTheme } from 'valaxy-theme-yun'
-import { ensurePrefix } from '@antfu/utils'
-
-/**
- * Get the `Sidebar` from sidebar option. This method will ensure to get correct
- * sidebar config from `MultiSideBarConfig` with various path combinations such
- * as matching `guide/` and `/guide/`. If no matching config was found, it will
- * return empty array.
- */
-export function getSidebar(
-  sidebar: YunTheme.Sidebar,
-  path: string,
-) {
-  if (Array.isArray(sidebar))
-    return sidebar
-
-  path = ensurePrefix('/', path)
-
-  for (const dir in sidebar) {
-    // make sure the multi sidebar key starts with slash too
-    if (path.startsWith(ensurePrefix('/', dir)))
-      return sidebar[dir]
-  }
-
-  return []
-}