Skip to content

Commit

Permalink
docs: update links for vite and svelte starter projects - current & l…
Browse files Browse the repository at this point in the history
…egacy versions (microsoft#6487)

* update links for vite and svelte starter projects

* update svelte and vite integration guide links for current docs

* Change files

* fix vite integration guide link in cheat sheet

* fix vite integration guide link in cheat sheet - current docs version

Co-authored-by: Aaron Wentzel <16669785+awentzel@users.noreply.github.com>
Co-authored-by: Rob Eisenberg <EisenbergEffect@users.noreply.github.com>
  • Loading branch information
3 people authored Nov 7, 2022
1 parent 2629836 commit c35569f
Show file tree
Hide file tree
Showing 7 changed files with 15 additions and 8 deletions.
Original file line number Diff line number Diff line change
@@ -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"
}
Original file line number Diff line number Diff line change
Expand Up @@ -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
```
Expand Down Expand Up @@ -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).
See a FAST+Svelte+Vite+TypeScript starter project [here](https://github.com/microsoft/fast/tree/master/examples/svelte-starters/svelte-fast-typescript-starter).
Original file line number Diff line number Diff line change
Expand Up @@ -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/).
Expand Down Expand Up @@ -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).
See a FAST+Vite+TypeScript starter project [here](https://github.com/microsoft/fast/tree/master/examples/vite-starters/vite-fast-typescript-starter).
2 changes: 1 addition & 1 deletion sites/website/src/docs/resources/cheat-sheet.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -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).
See a FAST+Svelte+Vite+TypeScript starter project [here](https://github.com/microsoft/fast/tree/master/examples/svelte-starters/svelte-fast-typescript-starter).
Original file line number Diff line number Diff line change
Expand Up @@ -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).
See a FAST+Vite+TypeScript starter project [here](https://github.com/microsoft/fast/tree/master/examples/vite-starters/vite-fast-typescript-starter).
Original file line number Diff line number Diff line change
Expand Up @@ -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)

Expand Down

0 comments on commit c35569f

Please sign in to comment.