https://github.com/baseballyama/svelte-in-vue3-ts

Using Svelte component in Vue3 app
https://github.com/baseballyama/svelte-in-vue3-ts

Last synced: 3 days ago
JSON representation

Using Svelte component in Vue3 app

• Host: GitHub
• URL: https://github.com/baseballyama/svelte-in-vue3-ts
• Owner: baseballyama
• Created: 2022-07-20T14:37:06.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-08-17T02:13:39.000Z (about 2 years ago)
• Last Synced: 2024-10-11T12:58:36.972Z (26 days ago)
• Language: TypeScript
• Size: 157 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# svelte-in-vue3-ts

This repository was created based on [svelte-in-react-ts](https://github.com/baseballyama/svelte-in-react-ts).

DEMO: https://baseballyama.github.io/svelte-in-vue3-ts/

This repository supported below features.

- Reactive props between Vue3 and Svelte / Two-way data binding

- Reactive context between Vue3 and Svelte

- Calling Svelte functions from Vue3

## Setup

```

# should select TypeScript.

npm init vue@latest

npm i

npm install --save

npm install -D svelte svelte-preprocess @sveltejs/vite-plugin-svelte

curl https://raw.githubusercontent.com/sveltejs/language-tools/master/packages/svelte2tsx/svelte-shims.d.ts > ./src/svelte-shims.d.ts

```