@sugarat/theme 0.5.0 → 0.5.2

package/node.js

@@ -41,7 +41,7 @@ module.exports = __toCommonJS(node_exports);
 // src/utils/node/mdPlugins.ts
 var import_module = require("module");
 
-// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@1.4.1_@algolia+client-search@4.19.1_@types+node@20.6.3__5k3dgasc4a7imgevutmoj2zgtm/node_modules/vitepress-plugin-tabs/dist/index.js
+// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@1.5.0_@algolia+client-search@4.19.1_@types+node@20.6.3__hxsuj227nyqox5emdzcwg6gwva/node_modules/vitepress-plugin-tabs/dist/index.js
 var tabsMarker = "=tabs";
 var tabsMarkerLen = tabsMarker.length;
 var ruleBlockTabs = (state, startLine, endLine, silent) => {
@@ -571,7 +571,8 @@ function getVitePlugins(cfg = {}) {
 }
 function registerVitePlugins(vpCfg, plugins) {
   vpCfg.vite = {
-    plugins
+    plugins,
+    ...vpCfg.vite
   };
 }
 function inlineInjectMermaidClient() {
@@ -675,7 +676,7 @@ function coverImgTransform() {
 function providePageData(cfg) {
   return {
     name: "@sugarat/theme-plugin-provide-page-data",
-    async config(config) {
+    async config(config, env) {
       const vitepressConfig = config.vitepress;
       const pagesData = await getArticles(cfg, vitepressConfig);
       if (vitepressConfig.site.locales && Object.keys(vitepressConfig.site.locales).length > 1) {
@@ -696,7 +697,9 @@ function providePageData(cfg) {
             return route.startsWith(`/${localeKey}`);
           });
         });
-        return;
+        if (env.mode === "production") {
+          return;
+        }
       }
       vitepressConfig.site.themeConfig.blog.pagesData = pagesData;
     }
@@ -736,7 +739,20 @@ function getThemeConfig(cfg = {}) {
   cfg.mermaid = cfg.mermaid ?? false;
   const pagesData = [];
   const extraVPConfig = {
-    vite: {}
+    vite: {
+      // see https://sass-lang.com/documentation/breaking-changes/legacy-js-api/
+      css: {
+        preprocessorOptions: {
+          scss: {
+            api: "modern"
+          }
+        }
+      },
+      build: {
+        // https://vite.dev/config/build-options.html#build-chunksizewarninglimit
+        chunkSizeWarningLimit: 2048
+      }
+    }
   };
   const vitePlugins = getVitePlugins(cfg);
   registerVitePlugins(extraVPConfig, vitePlugins);

package/node.mjs

@@ -9,7 +9,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 // src/utils/node/mdPlugins.ts
 import { createRequire } from "module";
 
-// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@1.4.1_@algolia+client-search@4.19.1_@types+node@20.6.3__5k3dgasc4a7imgevutmoj2zgtm/node_modules/vitepress-plugin-tabs/dist/index.js
+// ../../node_modules/.pnpm/vitepress-plugin-tabs@0.2.0_vitepress@1.5.0_@algolia+client-search@4.19.1_@types+node@20.6.3__hxsuj227nyqox5emdzcwg6gwva/node_modules/vitepress-plugin-tabs/dist/index.js
 var tabsMarker = "=tabs";
 var tabsMarkerLen = tabsMarker.length;
 var ruleBlockTabs = (state, startLine, endLine, silent) => {
@@ -539,7 +539,8 @@ function getVitePlugins(cfg = {}) {
 }
 function registerVitePlugins(vpCfg, plugins) {
   vpCfg.vite = {
-    plugins
+    plugins,
+    ...vpCfg.vite
   };
 }
 function inlineInjectMermaidClient() {
@@ -643,7 +644,7 @@ function coverImgTransform() {
 function providePageData(cfg) {
   return {
     name: "@sugarat/theme-plugin-provide-page-data",
-    async config(config) {
+    async config(config, env) {
       const vitepressConfig = config.vitepress;
       const pagesData = await getArticles(cfg, vitepressConfig);
       if (vitepressConfig.site.locales && Object.keys(vitepressConfig.site.locales).length > 1) {
@@ -664,7 +665,9 @@ function providePageData(cfg) {
             return route.startsWith(`/${localeKey}`);
           });
         });
-        return;
+        if (env.mode === "production") {
+          return;
+        }
       }
       vitepressConfig.site.themeConfig.blog.pagesData = pagesData;
     }
@@ -704,7 +707,20 @@ function getThemeConfig(cfg = {}) {
   cfg.mermaid = cfg.mermaid ?? false;
   const pagesData = [];
   const extraVPConfig = {
-    vite: {}
+    vite: {
+      // see https://sass-lang.com/documentation/breaking-changes/legacy-js-api/
+      css: {
+        preprocessorOptions: {
+          scss: {
+            api: "modern"
+          }
+        }
+      },
+      build: {
+        // https://vite.dev/config/build-options.html#build-chunksizewarninglimit
+        chunkSizeWarningLimit: 2048
+      }
+    }
   };
   const vitePlugins = getVitePlugins(cfg);
   registerVitePlugins(extraVPConfig, vitePlugins);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "author": "sugar",
   "license": "MIT",
@@ -62,12 +62,12 @@
     "@element-plus/icons-vue": "^2.3.1",
     "artalk": "^2.8.5",
     "element-plus": "^2.7.2",
-    "pagefind": "^1.1.0",
-    "sass": "^1.77.8",
+    "pagefind": "^1.2.0",
+    "sass": "^1.80.6",
     "typescript": "^5.4.5",
-    "vite": "^5.2.11",
-    "vitepress": "1.4.1",
-    "vue": "^3.4.26",
+    "vite": "^5.4.9",
+    "vitepress": "1.5.0",
+    "vue": "^3.5.12",
     "vitepress-plugin-51la": "0.1.0"
   },
   "scripts": {

package/src/components/BlogHomeOverview.vue

@@ -33,7 +33,7 @@ const currentWeek = computed(() => {
 })
 
 const analysis = useHomeAnalysis()
-const titles = computed(() => (frontmatter.value?.blog?.analysis?.articles?.title || analysis?.articles?.title || []))
+const titles = computed(() => (frontmatter.value?.blog?.analysis?.articles?.title || analysis?.value?.articles?.title || []))
 </script>
 
 <template>

package/src/components/BlogItem.vue

@@ -30,14 +30,15 @@ function handleSkipDoc() {
   router.go(link.value)
 }
 
-const { coverPreview } = useImageStyle()
+const imageStyle = useImageStyle()
+const coverPreview = computed(() => imageStyle.value.coverPreview)
 
 const resultCover = computed(() => {
   if (!props.cover) {
     return ''
   }
   const baseCover = withBase(props.cover)
-  const coverRule = [coverPreview]
+  const coverRule = [coverPreview.value]
     .flat()
     .filter(v => !!v)
     .find((coverRule) => {

package/src/composables/config/blog.ts

@@ -347,11 +347,13 @@ export function useCleanUrls() {
 }
 
 export function useImageStyle() {
-  return inject(configSymbol)?.value?.blog?.imageStyle || {} as Theme.ImageStyleConfig
+  const blogConfig = useBlogConfig()
+  return computed<Theme.ImageStyleConfig>(() => blogConfig.value?.imageStyle || {})
 }
 
 export function useHomeAnalysis() {
-  return inject(configSymbol)?.value?.blog?.home?.analysis
+  const home = useHomeConfig()
+  return computed(() => home.value?.analysis)
 }
 
 export function useAnalyzeTitles(wordCount: Ref<number>, readTime: ComputedRef<number>) {

package/src/node.ts

@@ -23,7 +23,20 @@ export function getThemeConfig(cfg: Partial<Theme.BlogConfig> = {}) {
   // 文章数据
   const pagesData: Theme.PageData[] = []
   const extraVPConfig: any = {
-    vite: {}
+    vite: {
+      // see https://sass-lang.com/documentation/breaking-changes/legacy-js-api/
+      css: {
+        preprocessorOptions: {
+          scss: {
+            api: 'modern',
+          },
+        },
+      },
+      build: {
+        // https://vite.dev/config/build-options.html#build-chunksizewarninglimit
+        chunkSizeWarningLimit: 2048
+      }
+    },
   }
 
   // 获取要加载的vite插件

package/src/utils/node/vitePlugins.ts

@@ -64,7 +64,8 @@ export function getVitePlugins(cfg: Partial<Theme.BlogConfig> = {}) {
 
 export function registerVitePlugins(vpCfg: any, plugins: any[]) {
   vpCfg.vite = {
-    plugins
+    plugins,
+    ...vpCfg.vite,
   }
 }
 
@@ -216,7 +217,7 @@ export function coverImgTransform() {
 export function providePageData(cfg: Partial<Theme.BlogConfig>) {
   return {
     name: '@sugarat/theme-plugin-provide-page-data',
-    async config(config: any) {
+    async config(config: any, env) {
       const vitepressConfig: SiteConfig = config.vitepress
       const pagesData = await getArticles(cfg, vitepressConfig)
       if (vitepressConfig.site.locales && Object.keys(vitepressConfig.site.locales).length > 1) {
@@ -239,7 +240,9 @@ export function providePageData(cfg: Partial<Theme.BlogConfig>) {
             return route.startsWith(`/${localeKey}`)
           })
         })
-        return
+        if (env.mode === 'production') {
+          return
+        }
       }
       vitepressConfig.site.themeConfig.blog.pagesData = pagesData
     },