{"id":21244179,"url":"https://github.com/aaronksaunders/ionic-vue3-sample-3","last_synced_at":"2026-01-02T06:03:10.328Z","repository":{"id":37701195,"uuid":"294542161","full_name":"aaronksaunders/ionic-vue3-sample-3","owner":"aaronksaunders","description":"Features Included in this Vue 3 Typescript App File Upload, Login / LogOut, Auth Check At Start, Delete Upload Images, Hooks for Authentication and File Storage","archived":false,"fork":false,"pushed_at":"2020-12-01T00:01:04.000Z","size":694,"stargazers_count":20,"open_issues_count":1,"forks_count":9,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-01-21T20:11:29.341Z","etag":null,"topics":["capacitor-plugin","firebase-auth","firebase-database","firebase-storage","ionic-framework","ionic-login","ionic-tabs","ionic5","ionic5-example","vue3-capacitor","vue3-composition-api","vue3-typescript","vuejs-composition-api"],"latest_commit_sha":null,"homepage":"http://www.fiwic.com","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/aaronksaunders.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-09-10T23:07:38.000Z","updated_at":"2024-05-12T12:21:22.000Z","dependencies_parsed_at":"2022-09-04T04:11:56.226Z","dependency_job_id":null,"html_url":"https://github.com/aaronksaunders/ionic-vue3-sample-3","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fionic-vue3-sample-3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fionic-vue3-sample-3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fionic-vue3-sample-3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/aaronksaunders%2Fionic-vue3-sample-3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/aaronksaunders","download_url":"https://codeload.github.com/aaronksaunders/ionic-vue3-sample-3/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243683352,"owners_count":20330609,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["capacitor-plugin","firebase-auth","firebase-database","firebase-storage","ionic-framework","ionic-login","ionic-tabs","ionic5","ionic5-example","vue3-capacitor","vue3-composition-api","vue3-typescript","vuejs-composition-api"],"created_at":"2024-11-21T01:18:22.008Z","updated_at":"2026-01-02T06:03:10.270Z","avatar_url":"https://github.com/aaronksaunders.png","language":"Vue","funding_links":["https://ko-fi.com/W7W31U7HM"],"categories":[],"sub_categories":[],"readme":"[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/W7W31U7HM)\n### 📺 [IONIC VUE3 VIDEOS](https://www.youtube.com/playlist?list=PL2PY2-9rsgl2uKW0DB5FJ-YRCAG-JuSWN)\n\n# Vue 3 Ionic Capacitor Sample App Using Firebase User Authentication Hook Composition API ( version 3 )\n\u003e updated 9/10/2020\n\u003e - File Upload\n\u003e - Login / LogOut\n\u003e - Auth Check At Start\n\u003e - Delete Upload Images\n\u003e - Hooks for Authentication and File Storage\n\n\u003e - [PART ONE, Capacitor Camera \u0026 Geolocations](https://github.com/aaronksaunders/capacitor-vue3-ionicv5-app)\n\u003e - [PART TWO, Firebase Integration](https://github.com/aaronksaunders/ionic-vue3-sample-2) \n\u003e - [PART THREE, Firebase Integration, Authentication](https://github.com/aaronksaunders/ionic-vue3-sample-3)\n\n### Camera Working In PWA/Website/On Device\n\n- see https://capacitor.ionicframework.com/docs/pwa-elements/\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/aaronksaunders/ionic-vue3-sample-2/master/screenshots/Screen%20Shot%202020-09-07%20at%209.36.30%20PM.png\" \nwidth='40%' height='40%' style=\"padding:20px\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/aaronksaunders/ionic-vue3-sample-2/master/screenshots/Screen%20Shot%202020-09-07%20at%209.36.56%20PM.png\" width='40%' height='40%' style=\"padding:20px\"\u003e\n  \u003c/p\u003e\n  \u003cp align=\"center\"\u003e\n\u003cimg src=\"https://raw.githubusercontent.com/aaronksaunders/ionic-vue3-sample-2/master/screenshots/Screen%20Shot%202020-09-07%20at%209.37.09%20PM.png\" \nwidth='40%' height='40%' style=\"padding:20px\"\u003e\n  \u003c/p\u003e\n  \n### Using Typescript\n- utilizing typescript in composition api functions\n- utilizing typescript for all single file components\n\n### Using Firebase For File Upload To Storage\n- updated firebase file upload composition api function to upload and list files is storage bucket\n- You need to create your own firebase configuration file, to be placed in the hooks directory\n```\n// .env.firebase.ts\nconst FIREBASE_CONFIG = {\n    apiKey: \"zebaayDI9wPgYFLRUd_07WB8ZVHPWowFm2w\",\n    authDomain: \"fffffff.firebaseapp.com\",\n    databaseURL: \"https://fffffff.firebaseio.com\",\n    projectId: \"fffffff\",\n    storageBucket: \"fffffff.appspot.com\",\n    messagingSenderId: \"87HPWowFm2w999\",\n    appId: \"1:00000031465:web:53a3bHPWowFm2wc6a38\",\n    measurementId: \"G-aSyDI9wPjgY\",\n  };\n  \n  export default FIREBASE_CONFIG \n```  \n\n### Using Composition Pattern for Components\n\n### Versions\n```\nIonic:\n\n   Ionic CLI       : 6.11.8-testing.0 (/Users/aaronksaunders/.nvm/versions/node/v13.9.0/lib/node_modules/@ionic/cli)\n   Ionic Framework : @ionic/vue 5.4.0-dev.202009081429.be01184\n\nCapacitor:\n\n   Capacitor CLI   : 2.4.0\n   @capacitor/core : 2.4.0\n\nUtility:\n\n   cordova-res (update available: 0.15.1) : 0.11.0\n   native-run                             : 1.0.0\n\nSystem:\n\n   NodeJS : v13.9.0 (/Users/aaronksaunders/.nvm/versions/node/v13.9.0/bin/node)\n   npm    : 6.13.7\n   OS     : macOS Catalina\n\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaronksaunders%2Fionic-vue3-sample-3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faaronksaunders%2Fionic-vue3-sample-3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faaronksaunders%2Fionic-vue3-sample-3/lists"}