https://github.com/talves/astro-flex-components

Astro Starter (Typescript, fast-components)
https://github.com/talves/astro-flex-components

Last synced: about 1 month ago
JSON representation

Astro Starter (Typescript, fast-components)

• Host: GitHub
• URL: https://github.com/talves/astro-flex-components
• Owner: talves
• Created: 2023-05-04T18:15:27.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-05-04T18:16:47.000Z (over 1 year ago)
• Last Synced: 2024-08-02T15:03:51.656Z (3 months ago)
• Language: Astro
• Size: 62.5 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Astro Starter (Typescript, fast-components)

```

yarn create astro@latest -- --template minimal

// Use typescript with strict mode

yarn add @microsoft/fast-components @microsoft/fast-foundation @microsoft/fast-element

```

Add the config options to the `astro.config.mjs` for vite

```js

export default defineConfig({

  vite: {

    plugins: [],

    rollupOptions: {

      external: /^@microsoft\/fast-(element|components)/,

    },

  },

});

```

Add any client script imports on your page or in your layout to use the components

```html

  import {

    provideFASTDesignSystem,

    fastCard,

    fastButton,

  } from "@microsoft/fast-components";

  provideFASTDesignSystem().register(fastCard(), fastButton());

```