docs: added obsidian-plugin-unocss documentation

Signed-off-by: Neko Ayaka <neko@ayaka.moe>

Author: nekomeowww

.gitignore

@@ -1,9 +1,7 @@
 .Trash/
 .trash/
 .DS_Store
-**/.obsidian/*
-!**/.obsidian/workspace*
-!**/.obsidian/graph*
+**/.obsidian/
 
 .idea
 .nuxt

.vscode/settings.json

@@ -9,8 +9,8 @@
   "prettier.enable": false,
   "editor.formatOnSave": false,
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true,
-    "source.organizeImports": false
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "never"
   },
   // Enable the ESlint flat config support
   "eslint.experimental.useFlatConfig": true,

docs/.vitepress/config.ts

@@ -37,6 +37,12 @@ export default defineConfig({
               { text: 'Overview', link: '/pages/en/integrations/' },
             ],
           },
+          {
+            text: 'Obsidian Plugins',
+            items: [
+              { text: 'UnoCSS', link: '/pages/en/integrations/obsidian-plugin-unocss/' },
+            ],
+          },
           {
             text: 'Markdown It Plugins',
             items: [
@@ -80,6 +86,12 @@ export default defineConfig({
 
             ],
           },
+          {
+            text: 'Obsidian 插件',
+            items: [
+              { text: 'UnoCSS', link: '/pages/zh-CN/integrations/obsidian-plugin-unocss/' },
+            ],
+          },
           {
             text: 'Markdown It 插件',
             items: [

docs/.vitepress/theme/assets/obsidian-logo.svg

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useData } from 'vitepress'
 import VitePressLogo from '../assets/vitepress-logo-large.webp'
+import ObsidianLogo from '../assets/obsidian-logo.svg'
 
 const props = defineProps<{
   type: IntegrationType
@@ -11,6 +12,7 @@ const props = defineProps<{
 enum IntegrationType {
   markdownIt = 'markdown-it',
   vitepress = 'vitepress',
+  obsidian = 'obsidian',
 }
 
 const data = useData()
@@ -27,15 +29,22 @@ const data = useData()
     cursor-pointer select-none items-center rounded-lg p-4
     class="text-$vp-c-text-1!"
   >
-    <span flex="~ col 1">
+    <span v-if="props.type === IntegrationType.markdownIt || props.type === IntegrationType.vitepress" flex="~ col 1">
       <span>{{ props.title }}</span>
       <span>@nolebase/{{ props.package }}</span>
     </span>
+    <span v-if="props.type === IntegrationType.obsidian" flex="~ col 1">
+      <span>{{ props.title }}</span>
+      <span>{{ props.package }}</span>
+    </span>
     <template v-if="props.type === IntegrationType.markdownIt">
       <span class="i-octicon:markdown-16" h-15 w-15 text-5xl />
     </template>
     <template v-else-if="props.type === IntegrationType.vitepress">
       <img :src="VitePressLogo" h-15 w-15>
     </template>
+    <template v-else-if="props.type === IntegrationType.obsidian">
+      <img :src="ObsidianLogo" h-15 w-15>
+    </template>
   </a>
 </template>

docs/.vitepress/theme/components/IntegrationCard.vue

@@ -23,3 +23,7 @@ Nólëbase Integrations project provides a variety of integrations, plugins, com
 <br />
 
 <IntegrationCard type="vitepress" title="Blinking highlight targeted heading" package="vitepress-plugin-highlight-targeted-heading" />
+
+<br />
+
+<IntegrationCard type="obsidian" title="UnoCSS" package="obsidian-plugin-unocss" />