Merge pull request #14 from sduduzog/improve-composition

Improve composition

Author: scottrobertson

.eslintignore

@@ -0,0 +1,2 @@
+node_modules
+dist

.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+  parser: "@typescript-eslint/parser",
+  extends: ["prettier"],
+  plugins: ["@typescript-eslint", "prettier"],
+  rules: {
+    "prettier/prettier": ["error"],
+  },
+};

.npmignore

@@ -0,0 +1 @@
+examples

.prettierrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  trailingComma: "es5",
+  arrowParens: "avoid",
+};

examples/vue2-demo/.browserslistrc

@@ -0,0 +1,3 @@
+> 1%
+last 2 versions
+not dead

examples/vue2-demo/.gitignore

@@ -0,0 +1,23 @@
+.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?

examples/vue2-demo/README.md

@@ -0,0 +1,13 @@
+# vue2 + composition-api + Supabase
+
+## Getting Started
+
+- Run `yarn install` to pull all the required dependencies
+- Create a `.env` file on the root of this project i.e. `../vue3-vite-demo/.env`
+- Add the variable `VUE_APP_SUPABSE_URL` and set its value
+- Add the variable `VUE_APP_SUPABASE_KEY` and set its value
+- Run `yarn serve`
+
+## How `yarn serve` works
+
+The scripts starts by looking for and removing any tarballs on the root directory of this project. The next step, the root project _vue-supabase_ is packed into a tarball, the version is then removed from the name. The script then uses that tarball to install _vue-supabase_ as a dependency.

examples/vue2-demo/babel.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

examples/vue2-demo/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "vue2-demo",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "clean": "rimraf ./*.tgz",
+    "pack-parent": "cd ../.. && npm pack --pack-destination=examples/vue2-demo",
+    "rename-tarball": "rename *.tgz vue-supabase",
+    "install-tarball": "yarn add ./vue-supabase.tgz",
+    "serve": "yarn clean && yarn pack-parent && yarn rename-tarball && yarn install-tarball && vue-cli-service serve"
+  },
+  "dependencies": {
+    "@vue/composition-api": "^1.2.4",
+    "core-js": "^3.6.5",
+    "vue": "^2.6.11",
+    "vue-class-component": "^7.2.3",
+    "vue-property-decorator": "^9.1.2",
+    "vue-supabase": "./vue-supabase.tgz"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.5.0",
+    "@vue/cli-plugin-typescript": "~4.5.0",
+    "@vue/cli-service": "~4.5.0",
+    "rename-cli": "^6.2.1",
+    "rimraf": "^3.0.2",
+    "typescript": "~4.1.5",
+    "vue-template-compiler": "^2.6.11"
+  }
+}