From 6fcbd55b7e046bf16f56afd5c4f0374b0600b1c7 Mon Sep 17 00:00:00 2001
From: Nin3 <30520689+Nin3lee@users.noreply.github.com>
Date: Mon, 18 Nov 2024 10:42:06 +0800
Subject: [PATCH 1/2] i18n(zh-cn): Update `svelte.mdx`
---
.../guides/integrations-guide/svelte.mdx | 33 +++++--------------
1 file changed, 8 insertions(+), 25 deletions(-)
diff --git a/src/content/docs/zh-cn/guides/integrations-guide/svelte.mdx b/src/content/docs/zh-cn/guides/integrations-guide/svelte.mdx
index df4e595f55410..6db7c31e2cfec 100644
--- a/src/content/docs/zh-cn/guides/integrations-guide/svelte.mdx
+++ b/src/content/docs/zh-cn/guides/integrations-guide/svelte.mdx
@@ -9,7 +9,7 @@ i18nReady: true
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro';
import Since from '~/components/Since.astro';
-此 **[Astro 集成][astro-integration]** 为你的 [Svelte](https://svelte.dev/) 组件启用服务器端渲染和客户端注入。它支持 Svelte 3、Svelte 4 以及 Svelte 5 版本（实验性）。
+此 **[Astro 集成][astro-integration]** 为你的 [Svelte](https://svelte.dev/) 5 的组件启用服务器端渲染和客户端注入。对于 Svelte 3 和 4 的支持, 请安装 `@astrojs/svelte@5` 作为替代。
## 安装
@@ -100,48 +100,31 @@ export default defineConfig({
## 选项
-
此集成由 `@sveltejs/vite-plugin-svelte` 提供支持的，要定制 Svelte 编译器，你可以传递选项给当前集成，查看 [`@sveltejs/vite-plugin-svelte`文档](https://github.com/sveltejs/vite-plugin-svelte/blob/HEAD/docs/config.md) 获取更多细节。
-### 默认选项
-
-此集成将以下默认选项传递给 Svelte 编译器：
-
-```js
-const defaultOptions = {
- emitCss: true,
- compilerOptions: { dev: isDev, hydratable: true },
- preprocess: vitePreprocess(),
-};
-```
-
-这些 `emitCss`、 `compilerOptions.dev` 和 `compilerOptions.hydratable` 选项对于构建过程来说是必传的，并且不能被赋值。
-
-如果你传递自定义的 `preprocess` 选项，这**将会**覆盖 [`vitePreprocess()`](https://github.com/sveltejs/vite-plugin-svelte/blob/HEAD/docs/preprocess.md) 的默认值。确保根据你的项目实际需求来开启预处理配置。
-
-你可以通过在 `astro.config.mjs` 或者 `svelte.config.js` 文件中传递这个选项配置给 `svelte` 集成，这两种方式都将覆盖默认的 `preprocess` 设置：
+你可以通过将选项传递给 `astro.config.mjs` 或 `svelte.config.js` 中的 `svelte` 集成来设置选项。如果两者都存在，则 `astro.config.mjs` 中的选项将优先于 `svelte.config.js` 中的选项：
-```js title="astro.config.mjs" "preprocess: []"
+```js title="astro.config.mjs" "extensions: ['.svelte']"
import { defineConfig } from 'astro/config';
import svelte from '@astrojs/svelte';
export default defineConfig({
- integrations: [svelte({ preprocess: [] })],
+ integrations: [svelte({ extensions: ['.svelte'] })],
});
```
```js title="svelte.config.js"
// svelte.config.js
export default {
- preprocess: [],
+ extensions: ['.svelte'],
};
```
-## TypeScript 智能提示
+## 预处理器
-如果你的文件中使用了像 TypeScript 或 SCSS 预处理器，你可以创建一个 `svelte.config.js` 文件，确保 Svelte IDE 拓展能够正确解析 Svelte 文件。
+如果你的文件中使用了 SCSS 或 Stylus，那么你可以创建一个 `svelte.config.js` 文件，以便让它们由 Svelte 进行预处理，从而确保 Svelte IDE 拓展能够正确解析 Svelte 文件。
```js title="svelte.config.js"
import { vitePreprocess } from '@astrojs/svelte';
@@ -151,7 +134,7 @@ export default {
};
```
-当你运行 `astro add svelte` 指令的时候，将自动为你添加配置文件。
+当你运行 `astro add svelte` 指令的时候，将自动为你添加配置文件。参见 [`@sveltejs/vite-plugin-svelte` 文档](https://github.com/sveltejs/vite-plugin-svelte/blob/HEAD/docs/preprocess.md)以了解更多关于 `vitePreprocess` 的细节。
[astro-integration]: /zh-cn/guides/integrations-guide/
From a4286a6a88529fb927bc245b35ad8988765ae052 Mon Sep 17 00:00:00 2001
From: Nin3 <30520689+Nin3lee@users.noreply.github.com>
Date: Tue, 19 Nov 2024 10:05:02 +0800
Subject: [PATCH 2/2] typo: wrong translation
Co-authored-by: liruifengv
---
src/content/docs/zh-cn/guides/integrations-guide/svelte.mdx | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/content/docs/zh-cn/guides/integrations-guide/svelte.mdx b/src/content/docs/zh-cn/guides/integrations-guide/svelte.mdx
index 6db7c31e2cfec..626ad10e401ff 100644
--- a/src/content/docs/zh-cn/guides/integrations-guide/svelte.mdx
+++ b/src/content/docs/zh-cn/guides/integrations-guide/svelte.mdx
@@ -102,7 +102,7 @@ export default defineConfig({
此集成由 `@sveltejs/vite-plugin-svelte` 提供支持的，要定制 Svelte 编译器，你可以传递选项给当前集成，查看 [`@sveltejs/vite-plugin-svelte`文档](https://github.com/sveltejs/vite-plugin-svelte/blob/HEAD/docs/config.md) 获取更多细节。
-你可以通过将选项传递给 `astro.config.mjs` 或 `svelte.config.js` 中的 `svelte` 集成来设置选项。如果两者都存在，则 `astro.config.mjs` 中的选项将优先于 `svelte.config.js` 中的选项：
+你可以通过将选项传递给 `astro.config.mjs` 中的 `svelte` 集成或者 `svelte.config.js` 来设置选项。如果两者都存在，则 `astro.config.mjs` 中的选项将优先于 `svelte.config.js` 中的选项：
```js title="astro.config.mjs" "extensions: ['.svelte']"
import { defineConfig } from 'astro/config';