Add hints of supabase in test components

Author: sduduzog

examples/vue2-demo/README.md

@@ -4,10 +4,10 @@
 
 - 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 `VITE_SUPABSE_URL` and set its value
-- Add the variable `VITE_SUPABASE_KEY` and set its value
-- Run `yarn dev`
+- 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 dev` works
+## 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/src/App.vue

@@ -1,13 +1,13 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
-    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
+    <img alt="Vue logo" src="./assets/logo.png" />
+    <HelloWorld msg="Welcome to Your Vue.js + TypeScript + Supabase App" />
   </div>
 </template>
 
 <script lang="ts">
-import { Component, Vue } from 'vue-property-decorator';
-import HelloWorld from './components/HelloWorld.vue';
+import { Component, Vue } from "vue-property-decorator";
+import HelloWorld from "./components/HelloWorld.vue";
 
 @Component({
   components: {

examples/vue3-vite-demo/src/App.vue

@@ -1,12 +1,12 @@
 <script setup>
 // This starter template is using Vue 3 <script setup> SFCs
 // Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
-import HelloWorld from './components/HelloWorld.vue'
+import HelloWorld from "./components/HelloWorld.vue";
 </script>
 
 <template>
   <img alt="Vue logo" src="./assets/logo.png" />
-  <HelloWorld msg="Hello Vue 3 + Vite" />
+  <HelloWorld msg="Hello Vue 3 + Vite + Supabase" />
 </template>
 
 <style>