diff --git a/change/@microsoft-fast-foundation-04327cf4-8444-4973-806a-2769bcb30380.json b/change/@microsoft-fast-foundation-04327cf4-8444-4973-806a-2769bcb30380.json new file mode 100644 index 00000000000..4e19f5aa35a --- /dev/null +++ b/change/@microsoft-fast-foundation-04327cf4-8444-4973-806a-2769bcb30380.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "update links for svelte and vite integration guides - current and legacy doc versions", + "packageName": "@microsoft/fast-foundation", + "email": "steph@huynhicode.dev", + "dependentChangeType": "none" +} diff --git a/packages/web-components/fast-foundation/docs/integrations/svelte.md b/packages/web-components/fast-foundation/docs/integrations/svelte.md index b0751b24213..f40f9ceed7c 100644 --- a/packages/web-components/fast-foundation/docs/integrations/svelte.md +++ b/packages/web-components/fast-foundation/docs/integrations/svelte.md @@ -34,7 +34,6 @@ cd fast-svelte From your new project folder, run this command to install the FAST packages, along with supporting libraries. - ```shell npm install --save @microsoft/fast-components @microsoft/fast-foundation @microsoft/fast-element ``` @@ -130,4 +129,4 @@ With all the basic pieces in place, let's run our app in dev mode with `npm run Congratulations! You're now set up to use FAST, Svelte, Vite, and TypeScript. You can import and use more components, build your own components, and when you are ready, build and deploy your website or app to production. -See a FAST+Svelte+Vite+TypeScript starter project [here](../../../../../examples/vite-starters/vite-fast-typescript-starter/README.md). \ No newline at end of file +See a FAST+Svelte+Vite+TypeScript starter project [here](https://github.com/microsoft/fast/tree/master/examples/svelte-starters/svelte-fast-typescript-starter). diff --git a/packages/web-components/fast-foundation/docs/integrations/vite.md b/packages/web-components/fast-foundation/docs/integrations/vite.md index 7b1f7c62bf1..2344b158a8c 100644 --- a/packages/web-components/fast-foundation/docs/integrations/vite.md +++ b/packages/web-components/fast-foundation/docs/integrations/vite.md @@ -2,13 +2,14 @@ id: vite title: Vite sidebar_label: Vite -custom_edit_url: https://github.com/microsoft/fast/edit/master/sites/website/versioned_docs/version-legacy/integrations/vite.md +custom_edit_url: https://github.com/microsoft/fast/edit/master/packages/web-components/fast-foundation/docs/integrations/vite.md description: FAST works great with TypeScript and Vite, using a fairly standard setup. Let's take a look at how you can set up a FAST+Vite+TypeScript project, starting from scratch. keywords: - vite --- FAST works great with Vite and TypeScript, using a fairly standard setup. Let's take a look at how you can set up a FAST+TypeScript+Vite project, starting from scratch. + ## Setting up the Vite project First, you'll need to make sure that you have Node.js version >=12.2.0 installed. You can learn more and download that [on the official site](https://nodejs.org/). @@ -150,4 +151,4 @@ After saving your `style.css` file, your browser will automatically refresh and Congratulations! You're now set up to use FAST, TypeScript, and Vite. You can import and use more components, build your own components, and when you are ready, build and deploy your website or app to production. -See a FAST+Vite+TypeScript starter project [here](../../../../../examples/vite-starters/vite-fast-typescript-starter/README.md). \ No newline at end of file +See a FAST+Vite+TypeScript starter project [here](https://github.com/microsoft/fast/tree/master/examples/vite-starters/vite-fast-typescript-starter). diff --git a/sites/website/src/docs/resources/cheat-sheet.md b/sites/website/src/docs/resources/cheat-sheet.md index b38af34d64b..98303d63a1b 100644 --- a/sites/website/src/docs/resources/cheat-sheet.md +++ b/sites/website/src/docs/resources/cheat-sheet.md @@ -167,7 +167,7 @@ FAST libraries can also be used in combination with a wide variety of existing t - [React](../integrations/react.md) - [Rollup](../integrations/rollup.md) - [Svelte](../integrations/svelte.md) -- [Vite](..integrations/vite.md) +- [Vite](../integrations/vite.md) - [Vue](../integrations/vue.md) - [Webpack](../integrations/webpack.md) diff --git a/sites/website/versioned_docs/version-legacy/integrations/svelte.md b/sites/website/versioned_docs/version-legacy/integrations/svelte.md index e2d232e1e41..0cdafe1824b 100644 --- a/sites/website/versioned_docs/version-legacy/integrations/svelte.md +++ b/sites/website/versioned_docs/version-legacy/integrations/svelte.md @@ -130,4 +130,4 @@ With all the basic pieces in place, let's run our app in dev mode with `npm run Congratulations! You're now set up to use FAST, Svelte, Vite, and TypeScript. You can import and use more components, build your own components, and when you are ready, build and deploy your website or app to production. -See a FAST+Svelte+Vite+TypeScript starter project [here](../../../../../examples/vite-starters/vite-fast-typescript-starter/README.md). \ No newline at end of file +See a FAST+Svelte+Vite+TypeScript starter project [here](https://github.com/microsoft/fast/tree/master/examples/svelte-starters/svelte-fast-typescript-starter). diff --git a/sites/website/versioned_docs/version-legacy/integrations/vite.md b/sites/website/versioned_docs/version-legacy/integrations/vite.md index 4d14961f39a..ccdd1b5484f 100644 --- a/sites/website/versioned_docs/version-legacy/integrations/vite.md +++ b/sites/website/versioned_docs/version-legacy/integrations/vite.md @@ -150,4 +150,4 @@ After saving your `style.css` file, your browser will automatically refresh and Congratulations! You're now set up to use FAST, TypeScript, and Vite. You can import and use more components, build your own components, and when you are ready, build and deploy your website or app to production. -See a FAST+Vite+TypeScript starter project [here](../../../../examples/vite-starters/vite-fast-typescript-starter/README.md). \ No newline at end of file +See a FAST+Vite+TypeScript starter project [here](https://github.com/microsoft/fast/tree/master/examples/vite-starters/vite-fast-typescript-starter). diff --git a/sites/website/versioned_docs/version-legacy/resources/cheat-sheet.md b/sites/website/versioned_docs/version-legacy/resources/cheat-sheet.md index 4f2892c6cf0..017000d0a98 100644 --- a/sites/website/versioned_docs/version-legacy/resources/cheat-sheet.md +++ b/sites/website/versioned_docs/version-legacy/resources/cheat-sheet.md @@ -167,7 +167,7 @@ FAST libraries can also be used in combination with a wide variety of existing t - [React](../integrations/react.md) - [Rollup](../integrations/rollup.md) - [Svelte](../integrations/svelte.md) -- [Vite](..integrations/vite.md) +- [Vite](../integrations/vite.md) - [Vue](../integrations/vue.md) - [Webpack](../integrations/webpack.md)