feat(theme-yun): support artalk comment system (#370)

package.json

@@ -105,6 +105,7 @@
     "typedoc-vitepress-theme": "1.0.0-next.3",
     "typescript": "^5.4.3",
     "unbuild": "^2.0.0",
+    "valaxy-addon-artalk": "^0.1.0",
     "vitest": "^1.4.0",
     "vue-tsc": "2.0.6",
     "zx": "^7.2.3"

packages/valaxy-theme-yun/components/YunComment.vue

@@ -3,7 +3,7 @@ import { useRuntimeConfig } from 'valaxy'
 import { computed, ref } from 'vue'
 
 const runtimeConfig = useRuntimeConfig()
-const supportCommentAddons = ['valaxy-addon-waline', 'valaxy-addon-twikoo']
+const supportCommentAddons = ['valaxy-addon-waline', 'valaxy-addon-twikoo', 'valaxy-addon-artalk']
 
 const commentSystems = computed(() => {
   return supportCommentAddons.filter(addonName => runtimeConfig.value.addons[addonName]).map(addonName => addonName.split('-')[2])
@@ -20,6 +20,7 @@ const activeComment = ref(commentSystems.value[0])
       </div>
       <YunWaline v-if="activeComment === 'waline'" />
       <YunTwikoo v-if="activeComment === 'twikoo'" />
+      <YunArtalk v-if="activeComment === 'artalk'" />
       <slot />
     </ClientOnly>
   </YunCard>

packages/valaxy-theme-yun/components/third/YunArtalk.vue

@@ -0,0 +1,12 @@
+<script lang="ts" setup>
+import * as addonArtalk from 'valaxy-addon-artalk'
+import 'valaxy-addon-artalk/client/styles/index.scss'
+import { isEmptyAddon } from 'valaxy'
+
+if (!isEmptyAddon(addonArtalk))
+  addonArtalk.useArtalkWithOptions()
+</script>
+
+<template>
+  <ArtalkClient />
+</template>