valaxy-theme-hairy 1.0.1 → 1.0.2

package/pages/page/[page].vue

@@ -1,12 +1,12 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <HairyPosts :pagination="true" :cur-page="parseInt(String($route.params.page))" />
-</template>
-
-<route lang="yaml">
-meta:
-  layout: home
-</route>
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <HairyPosts :pagination="true" :cur-page="parseInt(String($route.params.page))" />
+</template>
+
+<route lang="yaml">
+meta:
+  layout: home
+</route>

package/pages/tags/[tag]/index.vue

@@ -1,38 +1,38 @@
-<script lang="ts" setup>
-import { computed } from 'vue'
-import { usePostList } from 'valaxy'
-import { ElTimeline, ElTimelineItem } from 'element-plus/es/components/timeline/index'
-import { useRoute } from 'vue-router'
-
-const tag = computed(() => useRoute().params.tag)
-
-const posts = computed<any[]>(() =>
-  usePostList().value.filter(post => post.tags?.includes(tag.value as string)),
-)
-</script>
-
-<template>
-  <HairyBreadcrumb class="mb-5" size="large" after="标签">
-    <HairyBreadcrumbItem to="/">
-      首页
-    </HairyBreadcrumbItem>
-    <HairyBreadcrumbItem>
-      {{ tag }}
-    </HairyBreadcrumbItem>
-  </HairyBreadcrumb>
-  <ElTimeline>
-    <ElTimelineItem
-      v-for="(item, index) in posts"
-      :key="index"
-      hollow
-      size="large"
-    >
-      <HairyTimelineContent :post="item" />
-    </ElTimelineItem>
-  </ElTimeline>
-</template>
-
-<route lang="yaml">
-meta:
-  layout: tag
-</route>
+<script lang="ts" setup>
+import { computed } from 'vue'
+import { usePostList } from 'valaxy'
+import { ElTimeline, ElTimelineItem } from 'element-plus'
+import { useRoute } from 'vue-router'
+
+const tag = computed(() => useRoute().params.tag)
+
+const posts = computed<any[]>(() =>
+  usePostList().value.filter(post => post.tags?.includes(tag.value as string)),
+)
+</script>
+
+<template>
+  <HairyBreadcrumb class="mb-5" size="large" after="标签">
+    <HairyBreadcrumbItem to="/">
+      首页
+    </HairyBreadcrumbItem>
+    <HairyBreadcrumbItem>
+      {{ tag }}
+    </HairyBreadcrumbItem>
+  </HairyBreadcrumb>
+  <ElTimeline>
+    <ElTimelineItem
+      v-for="(item, index) in posts"
+      :key="index"
+      hollow
+      size="large"
+    >
+      <HairyTimelineContent :post="item" />
+    </ElTimelineItem>
+  </ElTimeline>
+</template>
+
+<route lang="yaml">
+meta:
+  layout: tag
+</route>

package/pages/tags/index.md

@@ -0,0 +1,7 @@
+---
+layout: tags
+# title: 云游的小标签
+icon: i-ri-price-tag-3-line
+nav: false
+# comment: false
+---

package/setup/main.ts

@@ -1,9 +1,9 @@
-import { defineAppSetup } from 'valaxy'
-
-// import { install as installScroll } from '../modules/scroll'
-import { install as installLoading } from '../library/loading'
-
-export default defineAppSetup((ctx) => {
-  // installScroll(ctx)
-  installLoading(ctx)
-})
+import { defineAppSetup } from 'valaxy'
+
+// import { install as installScroll } from '../modules/scroll'
+import { install as installLoading } from '../library/loading'
+
+export default defineAppSetup((ctx) => {
+  // installScroll(ctx)
+  installLoading(ctx)
+})

package/store/index.ts

@@ -1 +1 @@
-export * from './modules/global'
+export * from './modules/global'

package/store/modules/global.ts

@@ -1,12 +1,12 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-
-export const useGlobalStore = defineStore('global', () => {
-  const headerRef = ref<HTMLDivElement>()
-  const showDrawer = ref(false)
-
-  return {
-    headerRef,
-    showDrawer,
-  }
-})
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export const useGlobalStore = defineStore('global', () => {
+  const headerRef = ref<HTMLDivElement>()
+  const showDrawer = ref(false)
+
+  return {
+    headerRef,
+    showDrawer,
+  }
+})

package/styles/components/aplayer.scss

@@ -1,76 +1,76 @@
-.aplayer.aplayer-fixed .aplayer-list,
-.aplayer .aplayer-info {
-  font-family: var(--hy-font-family-seto);
-}
-
-.dark {
-  .aplayer {
-    background: #2B2B2B;
-    padding: 6px;
-    color: #c2c2c2;
-  }
-
-
-
-  .aplayer.aplayer-fixed .aplayer-body {
-    background-color: #2B2B2B;
-  }
-
-  .aplayer.aplayer-fixed .aplayer-info {
-    border: none;
-  }
-
-  .aplayer .aplayer-miniswitcher {
-    background: #bebebe;
-  }
-
-  .aplayer.aplayer-fixed .aplayer-list {
-    border: none;
-  }
-
-  .aplayer .aplayer-list ol {
-    padding-right: 4px;
-  }
-
-  .aplayer .aplayer-list ol li.aplayer-list-light {
-    background-color: #404040;
-    color: var(--hy-c-primary);
-
-    .aplayer-list-cur {
-      background-color: var(--hy-c-primary) !important;
-    }
-  }
-
-  .aplayer .aplayer-list ol li {
-    border: none;
-
-    &:hover {
-      background: #373737;
-    }
-  }
-
-  .aplayer .aplayer-list ol li:nth-child(2n) {
-    background: #2F2F2F;
-
-    &:hover {
-      background: #373737;
-    }
-  }
-
-  .aplayer .aplayer-list ol li .aplayer-list-index,
-  .aplayer .aplayer-list ol li .aplayer-list-author {
-    color: #8C8C8C;
-  }
-
-  .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
-    fill: #d9d9d9 !important;
-  }
-
-  .aplayer .aplayer-miniswitcher .aplayer-icon:hover path {
-    // fill: #c2c2c2;
-  }
-
-  .aplayer-pic {
-    // border-radius: 4px;
-  }
+.aplayer.aplayer-fixed .aplayer-list,
+.aplayer .aplayer-info {
+  font-family: var(--hy-font-family-seto);
+}
+
+.dark {
+  .aplayer {
+    background: #2B2B2B;
+    padding: 6px;
+    color: #c2c2c2;
+  }
+
+
+
+  .aplayer.aplayer-fixed .aplayer-body {
+    background-color: #2B2B2B;
+  }
+
+  .aplayer.aplayer-fixed .aplayer-info {
+    border: none;
+  }
+
+  .aplayer .aplayer-miniswitcher {
+    background: #bebebe;
+  }
+
+  .aplayer.aplayer-fixed .aplayer-list {
+    border: none;
+  }
+
+  .aplayer .aplayer-list ol {
+    padding-right: 4px;
+  }
+
+  .aplayer .aplayer-list ol li.aplayer-list-light {
+    background-color: #404040;
+    color: var(--hy-c-primary);
+
+    .aplayer-list-cur {
+      background-color: var(--hy-c-primary) !important;
+    }
+  }
+
+  .aplayer .aplayer-list ol li {
+    border: none;
+
+    &:hover {
+      background: #373737;
+    }
+  }
+
+  .aplayer .aplayer-list ol li:nth-child(2n) {
+    background: #2F2F2F;
+
+    &:hover {
+      background: #373737;
+    }
+  }
+
+  .aplayer .aplayer-list ol li .aplayer-list-index,
+  .aplayer .aplayer-list ol li .aplayer-list-author {
+    color: #8C8C8C;
+  }
+
+  .aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon:hover path {
+    fill: #d9d9d9 !important;
+  }
+
+  .aplayer .aplayer-miniswitcher .aplayer-icon:hover path {
+    // fill: #c2c2c2;
+  }
+
+  .aplayer-pic {
+    // border-radius: 4px;
+  }
 }

package/styles/components/index.scss

@@ -1,4 +1,4 @@
-@import "./aplayer.scss";
-@import "./scrollbar.scss";
-@import "./markdown.scss";
+@import "./aplayer.scss";
+@import "./scrollbar.scss";
+@import "./markdown.scss";
 @import "./nprogress.scss";

package/styles/components/markdown.scss

@@ -1,90 +1,90 @@
-@forward 'valaxy/client/styles/mixins/index.scss';
-
-.markdown-body {
-  --c-toc-link: var(--hy-c-text-light);
-}
-
-html.dark {
-  .markdown-body {
-    --c-toc-link: var(--hy-c-text-dark);
-  }
-}
-
-.markdown-body {
-  word-wrap: break-word;
-
-  h2,
-  a {
-    color: var(--hy-c-primary);
-  }
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-family: var(--hy-font-serif);
-    font-weight: 900;
-  }
-
-  ul {
-    li>p {
-      margin-bottom: 0;
-    }
-  }
-}
-
-
-.markdown-body :not(pre)>code {
-  padding: 3px 6px;
-  font-size: 0.85rem;
-  color: var(--hy-c-text-code);
-  background: var(--hy-c-bg-mute);
-  border-radius: 3px;
-}
-
-.markdown-body div[class*=language-] pre {
-  max-width: calc(100vw - 56px);
-}
-
-.markdown-body div[class*=language-] {
-  width: 100%;
-}
-
-@media screen and (max-width: 640px) {
-  .markdown-body div[class*=language-] {
-    margin: auto;
-  }
-}
-
-
-.prose :where(:not(pre) > code):not(:where(.not-prose, .not-prose *))::before,
-.prose :where(:not(pre) > code):not(:where(.not-prose, .not-prose *))::after {
-  content: none !important;
-}
-
-.custom-block.tip {
-  background-color: rgba(200, 200, 200, 0.1);
-  border-color: var(--hy-c-primary);
-  padding: 0.5rem 1rem;
-}
-
-.markdown-body {
-  --un-prose-borders: var(--hy-c-primary);
-}
-
-.markdown-body div[class*=language-] pre {
-  max-width: none;
-}
-
-.prose :where(blockquote):not(:where(.not-prose, .not-prose *)) {
-  background: rgba(200, 200, 200, 0.1);
-  @apply py-1px;
-
-  font-size: 15px;
-
-  >p {
-    margin: 0.5rem 0;
-  }
+@forward 'valaxy/client/styles/mixins/index.scss';
+
+.markdown-body {
+  --c-toc-link: var(--hy-c-text-light);
+}
+
+html.dark {
+  .markdown-body {
+    --c-toc-link: var(--hy-c-text-dark);
+  }
+}
+
+.markdown-body {
+  word-wrap: break-word;
+
+  h2,
+  a {
+    color: var(--hy-c-primary);
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-family: var(--hy-font-serif);
+    font-weight: 900;
+  }
+
+  ul {
+    li>p {
+      margin-bottom: 0;
+    }
+  }
+}
+
+
+.markdown-body :not(pre)>code {
+  padding: 3px 6px;
+  font-size: 0.85rem;
+  color: var(--hy-c-text-code);
+  background: var(--hy-c-bg-mute);
+  border-radius: 3px;
+}
+
+.markdown-body div[class*=language-] pre {
+  max-width: calc(100vw - 56px);
+}
+
+.markdown-body div[class*=language-] {
+  width: 100%;
+}
+
+@media screen and (max-width: 640px) {
+  .markdown-body div[class*=language-] {
+    margin: auto;
+  }
+}
+
+
+.prose :where(:not(pre) > code):not(:where(.not-prose, .not-prose *))::before,
+.prose :where(:not(pre) > code):not(:where(.not-prose, .not-prose *))::after {
+  content: none !important;
+}
+
+.custom-block.tip {
+  background-color: rgba(200, 200, 200, 0.1);
+  border-color: var(--hy-c-primary);
+  padding: 0.5rem 1rem;
+}
+
+.markdown-body {
+  --un-prose-borders: var(--hy-c-primary);
+}
+
+.markdown-body div[class*=language-] pre {
+  max-width: none;
+}
+
+.prose :where(blockquote):not(:where(.not-prose, .not-prose *)) {
+  background: rgba(200, 200, 200, 0.1);
+  @apply py-1px;
+
+  font-size: 15px;
+
+  >p {
+    margin: 0.5rem 0;
+  }
 }

package/styles/components/nprogress.scss

@@ -1,16 +1,16 @@
-#nprogress {
-  pointer-events: none;
-
-  .bar {
-    top: 0;
-    // margin-top: -5px;
-    height: 5px;
-    opacity: 0.75;
-    background: var(--hy-c-primary);
-    position: fixed;
-    z-index: 1031;
-    left: 0;
-    width: 100%;
-    border-radius: 5px;
-  }
+#nprogress {
+  pointer-events: none;
+
+  .bar {
+    top: 0;
+    // margin-top: -5px;
+    height: 5px;
+    opacity: 0.75;
+    background: var(--hy-c-primary);
+    position: fixed;
+    z-index: 1031;
+    left: 0;
+    width: 100%;
+    border-radius: 5px;
+  }
 }

package/styles/components/scrollbar.scss

@@ -1,26 +1,26 @@
-::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-
-::-webkit-scrollbar-track {
-  border-radius: 2px;
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-::-webkit-scrollbar-thumb {
-  border-radius: 2px;
-  background-color: rgba(122, 122, 122, 0.3);
-
-  &:window-inactive {
-    background-color: rgba(122, 122, 122, 0.3);
-  }
-
-  &:hover {
-    background-color: rgba(#1bc9a6, 0.7);
-  }
-
-  &:active {
-    background-color: rgba(#1bc9a6, 0.9);
-  }
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  border-radius: 2px;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: rgba(122, 122, 122, 0.3);
+
+  &:window-inactive {
+    background-color: rgba(122, 122, 122, 0.3);
+  }
+
+  &:hover {
+    background-color: rgba(#1bc9a6, 0.7);
+  }
+
+  &:active {
+    background-color: rgba(#1bc9a6, 0.9);
+  }
 }