Merge pull request #15 from sduduzog/main

Update dependencies and bump version code

Author: scottrobertson

README.md

@@ -3,6 +3,7 @@
 A supa simple wrapper around Supabase.js to enable usage within Vue.
 
 ## Installation
+
 ```bash
 # Vue 3.x
 yarn add vue-supabase
@@ -14,14 +15,16 @@ yarn add @vue/composition-api vue-supabase
 Note: Currently `@vue/composition-api` is required for this package to work for projects using Vue 2.x.
 
 ## Usage
+
 ### Vue 2.x
+
 ```js
-import VueSupabase from 'vue-supabase'
+import VueSupabase from "vue-supabase";
 
 Vue.use(VueSupabase, {
-  supabaseUrl: '',
-  supabaseKey: '',
-  supabaseOptions: {}
+  supabaseUrl: "",
+  supabaseKey: "",
+  supabaseOptions: {},
 });
 ```
 
@@ -30,6 +33,7 @@ const { data, error } = await this.$supabase.from("events").select("*");
 ```
 
 ### Vue 3.x
+
 ```js
 import VueSupabase from 'vue-supabase'
 
@@ -45,15 +49,28 @@ app.mount(...)
 ```
 
 #### Options API
+
 ```js
 const { data, error } = await this.$supabase.from("events").select("*");
 ```
 
 #### Composition API
+
 ```js
-import { useSupabase } from 'vue-supabase';
+import { useSupabase } from "vue-supabase";
 
-const supabase = useSupabase()
+const supabase = useSupabase();
 
 const { data, error } = await supabase.from("events").select("*");
 ```
+
+Here are a couple of composables available with Vue 3.x or Vue 2.x + Composition API
+
+```js
+import { useSuabaseAuth, useSupabaseStorage } from "vue-supabase";
+
+const auth = useSupabaseAuth();
+const storage = useSupabaseStorage();
+const { data } = await storage.listBuckets();
+await auth.signOut();
+```

examples/vue2-demo/src/components/HelloWorld.vue

@@ -91,10 +91,10 @@ import { Component, Prop, Vue } from "vue-property-decorator";
 
 @Component
 export default class HelloWorld extends Vue {
-  @Prop() private msg!: string;
+  @Prop() public msg!: string;
 
   mounted() {
-    console.log("mounted with supabase: ", !!this.$supabase);
+    // console.log("mounted with supabase: ", !!this.$supabase);
   }
 }
 </script>

examples/vue2-demo/tsconfig.json

@@ -12,20 +12,11 @@
     "allowSyntheticDefaultImports": true,
     "sourceMap": true,
     "baseUrl": ".",
-    "types": [
-      "webpack-env"
-    ],
+    "types": ["webpack-env"],
     "paths": {
-      "@/*": [
-        "src/*"
-      ]
+      "@/*": ["src/*"]
     },
-    "lib": [
-      "esnext",
-      "dom",
-      "dom.iterable",
-      "scripthost"
-    ]
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"]
   },
   "include": [
     "src/**/*.ts",
@@ -34,7 +25,5 @@
     "tests/**/*.ts",
     "tests/**/*.tsx"
   ],
-  "exclude": [
-    "node_modules"
-  ]
+  "exclude": ["node_modules"]
 }