chore/update-tauri-docs #48

Open
LankyMoose wants to merge 3 commits from LankyMoose/docs.sheetjs.com:chore/update-tauri-docs into master
Showing only changes of commit 5d9b49b579 - Show all commits

@ -181,15 +181,15 @@ const open_button_callback = async() => {
```
</TabItem>
<TabItem value="kaioken" label="Kaioken" default>
<TabItem value="kiru" label="Kiru" default>
The following snippet shows a simple Kaioponent:
The following snippet shows a simple Kiru component:
```tsx title="Kaioponent for importing data"
```tsx title="Kiru component for importing data"
import { utils } from 'xlsx';
import { useState } from 'kaioken';
import { useState } from 'kiru';
function SheetJSImportKaioponent() {
function SheetJSImportComponent() {
const [data, setData] = useState<any[][]>([]);
const open_callback = async() => {
@ -299,16 +299,16 @@ const save_button_callback = async() => {
```
</TabItem>
<TabItem value="kaioken" label="Kaioken" default>
<TabItem value="kiru" label="Kiru" default>
The following snippet shows a simple Kaioponent:
The following snippet shows a simple Kiru component:
```js title="Kaioponent for exporting data"
```js title="Kiru Component for exporting data"
import { utils } from 'xlsx';
import { useState } from 'kaioken';
import { useState } from 'kiru';
function SheetJSExportKaioponent() {
const [data, setData] = useState<any[][]>(["SheetJS".split(""), "Kaioken".split("")]);
function SheetJSExportComponent() {
const [data, setData] = useState<any[][]>(["SheetJS".split(""), "Kiru".split("")]);
const save_callback = async() => {
/* generate worksheet from the data */
@ -405,12 +405,12 @@ npm create tauri-app@latest -- -m npm -t vue-ts SheetJSTauri -y
```
</TabItem>
<TabItem value="kaioken" label="Kaioken" default>
<TabItem value="kiru" label="Kiru" default>
:::note pass
There is no official Tauri Kaioken template. This demo starts from the vanilla
TypeScript template and manually wires Kaioken
There is no official Tauri Kiru template. This demo starts from the vanilla
TypeScript template and manually wires Kiru
:::
@ -434,13 +434,13 @@ npm i --save-dev @tauri-apps/cli`}
<TabItem value="vuejs" label="VueJS">
</TabItem>
<TabItem value="kaioken" label="Kaioken" default>
<TabItem value="kiru" label="Kiru" default>
Install the Kaioken dependencies:
Install the Kiru dependencies:
```bash
npm add kaioken --save
npm add vite-plugin-kaioken -D --save
npm add kiru --save
npm add vite-plugin-kiru -D --save
```
</TabItem>
@ -496,21 +496,21 @@ curl -o src/App.vue https://docs.sheetjs.com/tauri/App.vue
```
</TabItem>
<TabItem value="kaioken" label="Kaioken" default>
<TabItem value="kiru" label="Kiru" default>
4) Wire up Kaioken to the Tauri app:
4) Wire up Kiru to the Tauri app:
- Add the highlighted lines to `vite.config.ts`:
```ts title="vite.config.ts (add highlighted lines)"
import { defineConfig } from "vite";
// highlight-next-line
import kaioken from "vite-plugin-kaioken";
import kiru from "vite-plugin-kiru";
// https://vitejs.dev/config/
export default defineConfig(async () => ({
// highlight-start
plugins: [kaioken()],
plugins: [kiru()],
// highlight-end
```
@ -563,7 +563,7 @@ table.center {
- Replace `src/main.ts` with the following codeblock:
```ts title="src/main.ts"
import { mount } from "kaioken";
import { mount } from "kiru";
import App from "./App";
const root = document.getElementById("container");