Initial commit

.browserslistrc

+> 1%
+last 2 versions
+not dead

.eslintrc.js

+module.exports = {
+  root: true,
+  env: {
+    node: true,
+  },
+  extends: ["plugin:vue/vue3-essential", "eslint:recommended", "@vue/prettier"],
+  parserOptions: {
+    parser: "babel-eslint",
+  },
+  rules: {
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
+  },
+  overrides: [
+    {
+      files: [
+        "**/__tests__/*.{j,t}s?(x)",
+        "**/tests/unit/**/*.spec.{j,t}s?(x)",
+      ],
+      env: {
+        mocha: true,
+      },
+    },
+  ],
+};

.gitignore

+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

README.md

 # vui
 
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn serve
+```
+
+### Compiles and minifies for production
+```
+yarn build
+```
+
+### Run your unit tests
+```
+yarn test:unit
+```
+
+### Lints and fixes files
+```
+yarn lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

+module.exports = {
+  presets: ["@vue/cli-plugin-babel/preset"],
+};

package.json

+{
+  "name": "@funkwhale/vui",
+  "version": "0.1.0",
+  "main": "dist/vui.umd.min.js",
+  "files": [
+    "dist/*",
+    "src/*"
+  ],
+  "scripts": {
+    "build": "vue-cli-service build --target lib --name vui src/main.js",
+    "test:unit": "vue-cli-service test:unit",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "core-js": "^3.6.5",
+    "vue": "^3.0.0"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-plugin-eslint": "~4.5.0",
+    "@vue/cli-plugin-unit-mocha": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "@vue/compiler-sfc": "^3.0.0",
+    "@vue/eslint-config-prettier": "^6.0.0",
+    "@vue/test-utils": "^2.0.0-0",
+    "babel-eslint": "^10.1.0",
+    "chai": "^4.1.2",
+    "eslint": "^6.7.2",
+    "eslint-plugin-prettier": "^3.3.1",
+    "eslint-plugin-vue": "^7.0.0",
+    "prettier": "^2.2.1"
+  }
+}

src/components/Button/Button.vue

+<template>
+  <div>
+    <button>Button</button>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Button",
+};
+</script>
+
+<style></style>

src/components/Button/index.js

+import Button from "./Button.vue";
+
+export default Button;

src/components/index.js

+export { default as Button } from "./Button";

src/main.js

+import * as components from "./components";
+
+const ComponentLibrary = {
+  install(Vue) {
+    for (const componentName in components) {
+      const component = components[componentName];
+
+      Vue.component(component.name, component);
+    }
+  },
+};
+
+export default ComponentLibrary;
+
+if (typeof window !== "undefined" && window.Vue) {
+  window.Vue.use(ComponentLibrary);
+}

tests/unit/Button.spec.js

+import { expect } from "chai";
+import { shallowMount } from "@vue/test-utils";
+import Button from "@/components/Button/Button.vue";
+
+describe("Button.vue", () => {
+  it("renders", () => {
+    const wrapper = shallowMount(Button);
+		expect(wrapper.text()).to.equal("Button");
+  });
+});