Changed Readme
This commit is contained in:
42
README.md
42
README.md
@@ -1,33 +1,31 @@
|
|||||||
*Psst — looking for an app template? Go here --> [sveltejs/template](https://github.com/sveltejs/template)*
|
# About
|
||||||
|
|
||||||
|
This Component allows you to add Youtube-Videos to your Svelte Project
|
||||||
|
|
||||||
|
The orginal Component template comes from [HERE](https://github.com/sveltejs/component-template)
|
||||||
|
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
# component-template
|
# How to use it ?
|
||||||
|
|
||||||
A base for building shareable Svelte components. Clone it with [degit](https://github.com/Rich-Harris/degit):
|
Just
|
||||||
|
|
||||||
```bash
|
```bash
|
||||||
npx degit sveltejs/component-template my-new-component
|
npm install --save-dev @sveltecasts/svelte-youtube
|
||||||
cd my-new-component
|
````
|
||||||
npm install # or yarn
|
|
||||||
|
And in your Source Code under Script:
|
||||||
|
|
||||||
|
```
|
||||||
|
import Youtube from "@sveltecasts/svelte-youtube";
|
||||||
|
|
||||||
|
<Youtube videoId="..." />
|
||||||
```
|
```
|
||||||
|
|
||||||
Your component's source code lives in `src/index.html`.
|
|
||||||
|
|
||||||
TODO
|
# Btw
|
||||||
|
|
||||||
* [ ] some firm opinions about the best way to test components
|
Here is a youtube video about this component:
|
||||||
* [ ] update `degit` so that it automates some of the setup work
|
|
||||||
|
|
||||||
|
https://www.youtube.com/watch?v=Ank3IdQHOuE
|
||||||
## Setting up
|
|
||||||
|
|
||||||
* Run `npm init` (or `yarn init`)
|
|
||||||
* Replace this README with your own
|
|
||||||
|
|
||||||
|
|
||||||
## Consuming components
|
|
||||||
|
|
||||||
Your package.json has a `"svelte"` field pointing to `src/index.html`, which allows Svelte apps to import the source code directly, if they are using a bundler plugin like [rollup-plugin-svelte](https://github.com/rollup/rollup-plugin-svelte) or [svelte-loader](https://github.com/sveltejs/svelte-loader) (where [`resolve.mainFields`](https://webpack.js.org/configuration/resolve/#resolve-mainfields) in your webpack config includes `"svelte"`). **This is recommended.**
|
|
||||||
|
|
||||||
For everyone else, `npm run build` will bundle your component's source code into a plain JavaScript module (`index.mjs`) and a UMD script (`index.js`). This will happen automatically when you publish your component to npm, courtesy of the `prepublishOnly` hook in package.json.
|
|
||||||
Reference in New Issue
Block a user