@intlayer/docs 8.4.10 → 8.5.1

package/docs/zh/intlayer_with_vite+vue.md

@@ -434,14 +434,14 @@ module.exports = appContent;
 
 ```javascript fileName=main.js
 import { createApp } from "vue";
-import { installIntlayer } from "vue-intlayer";
+import { intlayer } from "vue-intlayer";
 import App from "./App.vue";
 import "./style.css";
 
 const app = createApp(App);
 
 // 在顶层注入提供者
-installIntlayer(app);
+app.use(intlayer);
 
 // 挂载应用
 app.mount("#app");
@@ -622,7 +622,7 @@ import {
   localeFlatMap,
   type Locale,
 } from 'intlayer';
-import { createIntlayerClient } from 'vue-intlayer';
+import { createIntlayerClient } from "vue-intlayer";
 import { createRouter, createWebHistory } from 'vue-router';
 import HomeView from './views/home/HomeView.vue';
 import RootView from './views/root/Root.vue';
@@ -710,7 +710,11 @@ import { intlayer, intlayerProxy } from "vite-intlayer";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), intlayer(), intlayerProxy()],
+  plugins: [
+    intlayerProxy(), // should be placed first
+    vue(),
+    intlayer(),
+  ],
 });
 ```
 
@@ -721,7 +725,11 @@ import { intlayer, intlayerProxy } from "vite-intlayer";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), intlayer(), intlayerProxy()],
+  plugins: [
+    intlayerProxy(), // should be placed first
+    vue(),
+    intlayer(),
+  ],
 });
 ```
 
@@ -732,7 +740,11 @@ const { intlayer, intlayerProxy } = require("vite-intlayer");
 
 // https://vitejs.dev/config/
 module.exports = defineConfig({
-  plugins: [vue(), intlayer(), intlayerProxy()],
+  plugins: [
+    intlayerProxy(), // should be placed first
+    vue(),
+    intlayer(),
+  ],
 });
 ```
 
@@ -1001,7 +1013,7 @@ import { installIntlayer, installIntlayerMarkdown } from "vue-intlayer";
 
 const app = createApp(App);
 
-installIntlayer(app);
+app.use(intlayer);
 
 const md = new MarkdownIt({
   html: true, // 允许 HTML 标签

package/docs/zh/packages/react-intlayer/MarkdownRenderer.md

@@ -28,7 +28,7 @@ history:
 ## 使用方法
 
 ```tsx
-import { MarkdownRenderer } from "react-intlayer";
+import { MarkdownRenderer } from "react-intlayer/markdown";
 
 const MyComponent = () => (
   <MarkdownRenderer># My Title My content</MarkdownRenderer>

package/docs/zh/packages/svelte-intlayer/useRewriteURL.md

@@ -29,7 +29,7 @@ slugs:
 
 ```svelte
 <script>
-  import { useRewriteURL } from 'svelte-intlayer';
+  import { useRewriteURL } from "svelte-intlayer";
 
   // 自动在地址栏将 /fr/tests 更正为 /fr/essais（如果存在重写规则）
   useRewriteURL();

package/docs/zh/releases/v8.md

@@ -69,7 +69,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **1. 使用组件：**
 
     ```tsx
-    import { MarkdownRenderer } from "react-intlayer";
+    import { MarkdownRenderer } from "react-intlayer/markdown";
 
     <MarkdownRenderer
       forceBlock={true}
@@ -84,7 +84,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **2. 使用 Hook：**
 
     ```tsx
-    import { useMarkdownRenderer } from "react-intlayer";
+    import { useMarkdownRenderer } from "react-intlayer/markdown";
 
     const renderMarkdown = useMarkdownRenderer({
       components: {
@@ -98,7 +98,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **3. 使用实用函数：**
 
     ```tsx
-    import { renderMarkdown } from "react-intlayer";
+    import { renderMarkdown } from "react-intlayer/markdown";
 
     const html = renderMarkdown("# My Title", {
       forceBlock: true
@@ -112,7 +112,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
 
     ```vue
     <script setup>
-    import { MarkdownRenderer } from "vue-intlayer";
+    import { MarkdownRenderer } from "vue-intlayer/markdown";
     </script>
 
     <template>
@@ -127,7 +127,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
 
     ```svelte
     <script>
-      import { MarkdownRenderer } from "svelte-intlayer";
+      import { MarkdownRenderer } from "svelte-intlayer/markdown";
     </script>
 
     <MarkdownRenderer forceBlock={true} value="# My Title" />
@@ -137,7 +137,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
 
     ```svelte
     <script>
-      import { useMarkdownRenderer } from "svelte-intlayer";
+      import { useMarkdownRenderer } from "svelte-intlayer/markdown";
       const render = useMarkdownRenderer();
     </script>
 
@@ -148,7 +148,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
 
     ```svelte
     <script>
-      import { renderMarkdown } from "svelte-intlayer";
+      import { renderMarkdown } from "svelte-intlayer/markdown";
     </script>
 
     {@html renderMarkdown("# My Title")}
@@ -179,7 +179,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **1. 使用组件：**
 
     ```tsx
-    import { MarkdownRenderer } from "solid-intlayer";
+    import { MarkdownRenderer } from "solid-intlayer/markdown";
 
     <MarkdownRenderer forceBlock={true}>
       {"# My Title"}
@@ -189,7 +189,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **2. 使用 Hook：**
 
     ```tsx
-    import { useMarkdownRenderer } from "solid-intlayer";
+    import { useMarkdownRenderer } from "solid-intlayer/markdown";
 
     const render = useMarkdownRenderer();
 
@@ -199,7 +199,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **3. 使用实用函数：**
 
     ```tsx
-    import { renderMarkdown } from "solid-intlayer";
+    import { renderMarkdown } from "solid-intlayer/markdown";
 
     return <div>{renderMarkdown("# My Title")}</div>;
     ```
@@ -210,7 +210,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **1. 使用组件：**
 
     ```tsx
-    import { MarkdownRenderer } from "preact-intlayer";
+    import { MarkdownRenderer } from "preact-intlayer/markdown";
 
     <MarkdownRenderer forceBlock={true}>
       {"# My Title"}
@@ -220,7 +220,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **2. 使用 Hook：**
 
     ```tsx
-    import { useMarkdownRenderer } from "preact-intlayer";
+    import { useMarkdownRenderer } from "preact-intlayer/markdown";
 
     const render = useMarkdownRenderer();
 
@@ -230,7 +230,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **3. 使用实用函数：**
 
     ```tsx
-    import { renderMarkdown } from "preact-intlayer";
+    import { renderMarkdown } from "preact-intlayer/markdown";
 
     return <div>{renderMarkdown("# My Title")}</div>;
     ```
@@ -246,7 +246,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **1. 使用组件：**
 
     ```tsx
-    import { HTMLRenderer } from "react-intlayer";
+    import { HTMLRenderer } from "react-intlayer/html";
 
     <HTMLRenderer
       components={{
@@ -260,7 +260,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **2. 使用 Hook：**
 
     ```tsx
-    import { useHTMLRenderer } from "react-intlayer";
+    import { useHTMLRenderer } from "react-intlayer/html";
 
     const renderHTML = useHTMLRenderer({
       components: {
@@ -274,7 +274,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **3. 使用实用函数：**
 
     ```tsx
-    import { renderHTML } from "react-intlayer";
+    import { renderHTML } from "react-intlayer/html";
 
     const html = renderHTML("<p>Hello World</p>");
     ```
@@ -286,7 +286,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
 
     ```vue
     <script setup>
-    import { HTMLRenderer } from "vue-intlayer";
+    import { HTMLRenderer } from "vue-intlayer/html";
     </script>
 
     <template>
@@ -301,7 +301,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
 
     ```svelte
     <script>
-      import { HTMLRenderer } from "svelte-intlayer";
+      import { HTMLRenderer } from "svelte-intlayer/html";
     </script>
 
     <HTMLRenderer value="<p>Hello World</p>" />
@@ -311,7 +311,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
 
     ```svelte
     <script>
-      import { useHTMLRenderer } from "svelte-intlayer";
+      import { useHTMLRenderer } from "svelte-intlayer/html";
       const render = useHTMLRenderer();
     </script>
 
@@ -322,7 +322,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
 
     ```svelte
     <script>
-      import { renderHTML } from "svelte-intlayer";
+      import { renderHTML } from "svelte-intlayer/html";
     </script>
 
     {@html renderHTML("<p>Hello World</p>")}
@@ -345,7 +345,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **1. 使用组件：**
 
     ```tsx
-    import { HTMLRenderer } from "solid-intlayer";
+    import { HTMLRenderer } from "solid-intlayer/html";
 
     <HTMLRenderer>
       {"<p>Hello World</p>"}
@@ -355,7 +355,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **2. 使用 Hook：**
 
     ```tsx
-    import { useHTMLRenderer } from "solid-intlayer";
+    import { useHTMLRenderer } from "solid-intlayer/html";
 
     const render = useHTMLRenderer();
 
@@ -365,7 +365,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **3. 使用实用函数：**
 
     ```tsx
-    import { renderHTML } from "solid-intlayer";
+    import { renderHTML } from "solid-intlayer/html";
 
     return <div>{renderHTML("<p>Hello World</p>")}</div>;
     ```
@@ -376,7 +376,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **1. 使用组件：**
 
     ```tsx
-    import { HTMLRenderer } from "preact-intlayer";
+    import { HTMLRenderer } from "preact-intlayer/html";
 
     <HTMLRenderer>
       {"<p>Hello World</p>"}
@@ -386,7 +386,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **2. 使用 Hook：**
 
     ```tsx
-    import { useHTMLRenderer } from "preact-intlayer";
+    import { useHTMLRenderer } from "preact-intlayer/html";
 
     const render = useHTMLRenderer();
 
@@ -396,7 +396,7 @@ Intlayer v8 对富内容的处理方式进行了重大改进，引入了 **HTML
     **3. 使用实用函数：**
 
     ```tsx
-    import { renderHTML } from "preact-intlayer";
+    import { renderHTML } from "preact-intlayer/html";
 
     return <div>{renderHTML("<p>Hello World</p>")}</div>;
     ```
@@ -1032,7 +1032,7 @@ Intlayer v8 为 Markdown 和 HTML 编译器引入了新的缓存层。这确保
    
     ```typescript fileName="vite.config.js"
     import { defineConfig } from 'vite';
-    import {intlayer, intlayerCompiler} from 'vite-intlayer';
+    import { intlayer, intlayerCompiler } from "vite-intlayer";
 
     export default defineConfig({
       plugins: [intlayer(), intlayerCompiler()],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/docs",
-  "version": "8.4.10",
+  "version": "8.5.1",
   "private": false,
   "description": "Intlayer documentation",
   "keywords": [
@@ -72,13 +72,13 @@
     "watch": "webpack --config ./webpack.config.ts --watch"
   },
   "dependencies": {
-    "@intlayer/config": "8.4.10",
-    "@intlayer/core": "8.4.10",
-    "@intlayer/types": "8.4.10"
+    "@intlayer/config": "8.5.1",
+    "@intlayer/core": "8.5.1",
+    "@intlayer/types": "8.5.1"
   },
   "devDependencies": {
-    "@intlayer/api": "8.4.10",
-    "@intlayer/cli": "8.4.10",
+    "@intlayer/api": "8.5.1",
+    "@intlayer/cli": "8.5.1",
     "@types/node": "25.5.0",
     "@utils/ts-config": "1.0.4",
     "@utils/ts-config-types": "1.0.4",

package/src/generated/docs.entry.ts

@@ -1473,6 +1473,26 @@ export const docsEntry = {
     vi: readLocale('intlayer_with_tanstack.md', 'vi'),
     uk: readLocale('intlayer_with_tanstack.md', 'uk'),
   } as unknown as Record<LocalesValues, Promise<string>>,
+  './docs/en/intlayer_with_vite+lit.md': {
+    en: readLocale('intlayer_with_vite+lit.md', 'en'),
+    ru: readLocale('intlayer_with_vite+lit.md', 'ru'),
+    ja: readLocale('intlayer_with_vite+lit.md', 'ja'),
+    fr: readLocale('intlayer_with_vite+lit.md', 'fr'),
+    ko: readLocale('intlayer_with_vite+lit.md', 'ko'),
+    zh: readLocale('intlayer_with_vite+lit.md', 'zh'),
+    es: readLocale('intlayer_with_vite+lit.md', 'es'),
+    de: readLocale('intlayer_with_vite+lit.md', 'de'),
+    ar: readLocale('intlayer_with_vite+lit.md', 'ar'),
+    it: readLocale('intlayer_with_vite+lit.md', 'it'),
+    'en-GB': readLocale('intlayer_with_vite+lit.md', 'en-GB'),
+    pt: readLocale('intlayer_with_vite+lit.md', 'pt'),
+    hi: readLocale('intlayer_with_vite+lit.md', 'hi'),
+    tr: readLocale('intlayer_with_vite+lit.md', 'tr'),
+    pl: readLocale('intlayer_with_vite+lit.md', 'pl'),
+    id: readLocale('intlayer_with_vite+lit.md', 'id'),
+    vi: readLocale('intlayer_with_vite+lit.md', 'vi'),
+    uk: readLocale('intlayer_with_vite+lit.md', 'uk'),
+  } as unknown as Record<LocalesValues, Promise<string>>,
   './docs/en/intlayer_with_vite+preact.md': {
     en: readLocale('intlayer_with_vite+preact.md', 'en'),
     ru: readLocale('intlayer_with_vite+preact.md', 'ru'),
@@ -1573,6 +1593,26 @@ export const docsEntry = {
     vi: readLocale('intlayer_with_vite+svelte.md', 'vi'),
     uk: readLocale('intlayer_with_vite+svelte.md', 'uk'),
   } as unknown as Record<LocalesValues, Promise<string>>,
+  './docs/en/intlayer_with_vite+vanilla.md': {
+    en: readLocale('intlayer_with_vite+vanilla.md', 'en'),
+    ru: readLocale('intlayer_with_vite+vanilla.md', 'ru'),
+    ja: readLocale('intlayer_with_vite+vanilla.md', 'ja'),
+    fr: readLocale('intlayer_with_vite+vanilla.md', 'fr'),
+    ko: readLocale('intlayer_with_vite+vanilla.md', 'ko'),
+    zh: readLocale('intlayer_with_vite+vanilla.md', 'zh'),
+    es: readLocale('intlayer_with_vite+vanilla.md', 'es'),
+    de: readLocale('intlayer_with_vite+vanilla.md', 'de'),
+    ar: readLocale('intlayer_with_vite+vanilla.md', 'ar'),
+    it: readLocale('intlayer_with_vite+vanilla.md', 'it'),
+    'en-GB': readLocale('intlayer_with_vite+vanilla.md', 'en-GB'),
+    pt: readLocale('intlayer_with_vite+vanilla.md', 'pt'),
+    hi: readLocale('intlayer_with_vite+vanilla.md', 'hi'),
+    tr: readLocale('intlayer_with_vite+vanilla.md', 'tr'),
+    pl: readLocale('intlayer_with_vite+vanilla.md', 'pl'),
+    id: readLocale('intlayer_with_vite+vanilla.md', 'id'),
+    vi: readLocale('intlayer_with_vite+vanilla.md', 'vi'),
+    uk: readLocale('intlayer_with_vite+vanilla.md', 'uk'),
+  } as unknown as Record<LocalesValues, Promise<string>>,
   './docs/en/intlayer_with_vite+vue.md': {
     en: readLocale('intlayer_with_vite+vue.md', 'en'),
     ru: readLocale('intlayer_with_vite+vue.md', 'ru'),