init

.browserslistrc

@@ -0,0 +1,5 @@
+{
+  "browserslist": [
+    "defaults"
+  ]
+}

.eslintrc

@@ -0,0 +1,5 @@
+{
+  "extends": [
+    "plugin:vue/recommended"
+  ]
+}

.gitignore

@@ -0,0 +1,2 @@
+.DS_Store
+node_modules/

.npmignore

@@ -0,0 +1,6 @@
+.browserslistrc
+babel.config.json
+postcss.config.js
+src
+webpack.config.js
+yarn.lock

.storybook/main.js

@@ -0,0 +1,3 @@
+module.exports = {
+  stories: ['../src/**/*.stories.[tj]s'],
+};

README.md

@@ -0,0 +1,48 @@
+![vue-soundcloud-player](http://matswainson.com/wp-content/uploads/2020/01/vue-soundcloud-player.png)
+
+# Vue custom soundcloud player
+
+Custom Soundcloud player supporting single tracks & playlists
+
+### Example
+
+![vue-soundcloud-player-2](http://matswainson.com/wp-content/uploads/2020/01/vue-soundcloud-player-2.png)
+
+```js
+<template>
+  <SoundCloud
+    track="194881641"
+    :mini="true"
+  />
+</template>
+
+<script>
+import SoundCloud from 'vue-soundcloud-player';
+
+export default {
+  ...
+  components: {
+    SoundCloud
+  },
+  ...
+}
+</script>
+```
+
+#### Options
+
+| Name | Type | Default | Description |
+|-----------|-----------|-------------|-------------|
+| track | `string` | - | ID of track |
+| playlist | `string` | - | ID of playlist |
+| mini | `boolean` | `false` | Small player with inline play button |
+| theme | `string` | `dark` | Playlist colours - accepts `dark` or `light` |
+
+Track or playlist IDs can be found from Soundcloud embed player URLs
+
+### Browser Support
+
+* Chrome
+* Firefox
+* Internet Explorer 9+
+* Opera

babel.config.json

@@ -0,0 +1,5 @@
+{
+  "presets": [
+    "vue"
+  ]
+}

package.json

@@ -0,0 +1,45 @@
+{
+  "name": "vue-soundcloud-player",
+  "version": "1.0.0",
+  "description": "Custom Soundcloud player supporting single tracks & playlists",
+  "main": "dist/index.js",
+  "scripts": {
+    "build": "webpack --config webpack.config --progress --colors -p",
+    "lint": "eslint 'src/**/*.{js,vue}'",
+    "storybook": "start-storybook"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/matswainson/vue-soundcloud-player.git"
+  },
+  "keywords": [
+    "vue",
+    "soundcloud",
+    "player"
+  ],
+  "author": "Mat Swainson <mat@matswainson.com> (http://matswainson.com)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/matswainson/vue-soundcloud-player/issues"
+  },
+  "homepage": "https://github.com/matswainson/vue-soundcloud-player#readme",
+  "devDependencies": {
+    "@babel/core": "^7.8.3",
+    "@storybook/vue": "^5.3.6",
+    "babel-loader": "^8.0.6",
+    "babel-preset-vue": "^2.0.2",
+    "eslint": "^6.8.0",
+    "eslint-plugin-vue": "^6.1.2",
+    "vue-loader": "^15.8.3",
+    "vue-style-loader": "^4.1.2",
+    "vue-template-compiler": "^2.6.11",
+    "webpack-cli": "^3.3.10"
+  },
+  "peerDependencies": {
+    "vue": "^2.6.11"
+  },
+  "dependencies": {
+    "classnames": "^2.2.6",
+    "vue": "^2.6.11"
+  }
+}

postcss.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: [
+    require('autoprefixer')
+  ]
+}