安裝

<aside> 📢 Svelte Material-UI有很多個版本，使用時請注意用到哪個版本，參考網路資料時，也請小心，Svelte Material-UI跟Material-UI有不少的差異，使用時請小心

</aside>

• Svelte Material-UI / Svelte Material-UI (by Hunter Perrin)
• SvelteKit Installation

如果您想在 Svelte Kit 中使用 Material-UI，那麼您需要先安裝 Svelte Material-UI。要安裝 Svelte Material-UI，您可以使用 npm 或 yarn 來進行安裝。以button為例，如果您使用 npm，可以運行以下命令：

npm install -D @smui/button

<aside> 📢 需要注意的是，為了避免安裝沒必要的套件，Svelte Material-UI必須個別安裝每個元件所需要的套件。

</aside>

<aside> 📢 安裝任何套件後，如果看到安全問題，可以執行npm audit fix來解決問題

</aside>

2 high severity vulnerabilities

安裝完畢後，您可以在 Svelte Kit 中直接將 Svelte Material-UI 作為組件來使用。您可以通過以下方式引入 Svelte Material-UI：

<script>
  import Button from '@smui/button';
</script>

<Button>Click me</Button>

在上面的代碼中，我們使用 Svelte Material-UI 中的 Button 元件來創建一個按鈕。這個按鈕的外觀和功能與 Material-UI 中的 Button 元件完全相同。

• Button

Theme

• Theming SMUI (部分內容似乎未更新，參考時請注意)

另外，Svelte Material-UI必須安裝theme。

npm install -D smui-theme

並產生theme設定檔

npx smui-theme template src/theme

在package.json裡，scripts下，加上: