Merge pull request #13 from sduduzog/expose-supabase-types

Expose supabase types & introduce pretter and eslint

Author: scottrobertson

.eslintrc.js

@@ -0,0 +1,14 @@
+module.exports = {
+  parserOptions: {
+    ecmaVersion: 2017,
+    sourceType: "module",
+  },
+  env: {
+    es6: true,
+  },
+  extends: ["prettier"],
+  plugins: ["prettier"],
+  rules: {
+    "prettier/prettier": ["error"],
+  },
+};

.prettierrc.js

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

index.d.ts

@@ -1,19 +1,31 @@
-import { SupabaseClient } from '@supabase/supabase-js'
+import {
+  SupabaseClient,
+  SupabaseClientOptions,
+  Session,
+  User,
+  useSupabase,
+  useSupabaseAuth,
+  useSupabaseStorage,
+} from "vue-supabase";
 
-declare module 'vue/types/vue' {
-  interface Vue {
-    $supabase: SupabaseClient
-  }
-}
-
-declare module '@nuxt/types' {
+declare module "@nuxt/types" {
   interface Context {
-    $supabase: SupabaseClient
+    $supabase: SupabaseClient;
   }
 }
 
-declare module 'vuex' {
-  interface Store<S> {
-    $supabase: SupabaseClient
+declare module "vuex" {
+  interface Store {
+    $supabase: SupabaseClient;
   }
 }
+
+export {
+  SupabaseClient,
+  SupabaseClientOptions,
+  Session,
+  User,
+  useSupabase,
+  useSupabaseAuth,
+  useSupabaseStorage,
+};

index.js

@@ -1,11 +1,11 @@
-const path = require('path')
+const path = require("path");
 
 export default function (options) {
   this.addPlugin({
-    src: path.resolve(__dirname, 'plugin.js'),
-    fileName: 'supabase.js',
+    src: path.resolve(__dirname, "plugin.js"),
+    fileName: "supabase.js",
     options,
-  })
+  });
 }
 
-module.exports.meta = require('./package.json')
+module.exports.meta = require("./package.json");

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-supabase",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "A supa simple Nuxt Module for Supabase",
   "main": "index.js",
   "author": "Scott Robertson",
@@ -25,8 +25,13 @@
   },
   "homepage": "https://github.com/scottrobertson/nuxt-supabase#readme",
   "dependencies": {
-    "@supabase/supabase-js": "^1.21.1",
     "@vue/composition-api": "^1.0.4",
-    "vue-supabase": "^2.2.1"
+    "vue-supabase": "^2.2.3"
+  },
+  "devDependencies": {
+    "eslint": "^8.1.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "prettier": "^2.4.1"
   }
 }

plugin.js

@@ -1,12 +1,14 @@
-import Vue from 'vue'
-import VueSupabase from 'vue-supabase'
+import Vue from "vue";
+import { createVueSupabase } from "vue-supabase";
+const supabase = createVueSupabase({
+  supabaseUrl: "<%= options.supabaseUrl %>",
+  supabaseKey: "<%= options.supabaseKey %>",
+});
 
-Vue.use(VueSupabase, {
-  supabaseUrl: '<%= options.supabaseUrl %>',
-  supabaseKey: '<%= options.supabaseKey %>'
-})
+Vue.use(supabase);
 
 // Inject Supabase into Nuxt Context
 export default (ctx, inject) => {
-  inject('supabase', Vue.supabase)
-}
+  ctx.$supabase = supabase;
+  inject("supabase", supabase);
+};