reorganize to more easily support multiple components

.gitignore

@@ -1,6 +1,3 @@
 .DS_Store
 node_modules
-yarn.lock
-package-lock.json
-index.js
-index.mjs
+/dist/

README.md

@@ -12,7 +12,9 @@ cd my-new-component
 npm install # or yarn
 ```
 
-Your component's source code lives in `src/index.svelte`.
+Your component's source code lives in `src/Component.svelte`.
+
+You can create a package that exports multiple components by adding them to the `src` directory and editing `src/index.js` to reexport them as named exports.
 
 TODO
 
@@ -28,6 +30,6 @@ TODO
 
 ## Consuming components
 
-Your package.json has a `"svelte"` field pointing to `src/index.svelte`, which allows Svelte apps to import the source code directly, if they are using a bundler plugin like [rollup-plugin-svelte](https://github.com/sveltejs/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.**
+Your package.json has a `"svelte"` field pointing to `src/index.js`, which allows Svelte apps to import the source code directly, if they are using a bundler plugin like [rollup-plugin-svelte](https://github.com/sveltejs/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.
+For everyone else, `npm run build` will bundle your component's source code into a plain JavaScript module (`dist/index.mjs`) and a UMD script (`dist/index.js`). This will happen automatically when you publish your component to npm, courtesy of the `prepublishOnly` hook in package.json.

package.json

@@ -1,8 +1,8 @@
 {
   "name": "SvelteComponent",
-  "svelte": "src/index.svelte",
-  "module": "index.mjs",
-  "main": "index.js",
+  "svelte": "src/index.js",
+  "module": "dist/index.mjs",
+  "main": "dist/index.js",
   "scripts": {
     "build": "rollup -c",
     "prepublishOnly": "npm run build"
@@ -18,7 +18,6 @@
   ],
   "files": [
     "src",
-    "index.mjs",
-    "index.js"
+    "dist"
   ]
 }

rollup.config.js

@@ -8,7 +8,7 @@ const name = pkg.name
 	.replace(/-\w/g, m => m[1].toUpperCase());
 
 export default {
-	input: 'src/index.svelte',
+	input: 'src/index.js',
 	output: [
 		{ file: pkg.module, 'format': 'es' },
 		{ file: pkg.main, 'format': 'umd', name }

src/index.js

@@ -0,0 +1 @@
+export { default as default } from './Component.svelte';