-> **Note**:
-> Take a look in https://pferreirafabricio.github.io/ionic-vue-boilerplate for a live test. OBS: Don't forget to press F12 and toggle device emulation.
+> **Note**
+>
+> Take a look in https://pferreirafabricio.github.io/ionic-vue-boilerplate for a live test. OBS: Don't forget to press F12 and toggle device emulation to view it in mobile view.
-> **Note**:
+> **Note**
+>
> If you prefer you can download the .apk file in the [releases page](https://github.com/pferreirafabricio/ionic-vue-boilerplate/releases)
-## :open_book: About
+## ๐ About
-This project is a simple Ionic app template, using VueJS framework and Capacitor. It brings a simple folder structure and some components.
+This project is a boilerplate for building mobile applications using Ionic and Vue. It includes a variety of components and features, such as a login screen, a home screen, and some UI components.
-## :bricks: This project was built with:
+## ๐งฑ This project was built with:
- [Ionic](https://ionicframework.com/)
- [Ionic + Vue](https://ionicframework.com/vue)
- [Capacitor](https://capacitorjs.com/)
- [Vue](https://vuejs.org/)
-- [Bootstrap Utilities for layout](https://getbootstrap.com/docs/4.0/layout/utilities-for-layout/)
+- [Pinia](https://pinia.vuejs.org/)
-## :running_man: Installing and Running
+## ๐๐ปโโ๏ธ Installing and Running
1. Clone this repository `https://github.com/pferreirafabricio/ionic-vue-boilerplate.git`
2. Enter in the project's folder: `cd ionic-vue-boilerplate`
-3. Run `npm install`
-4. Run `npm run serve`
-5. Access `http://localhost:8080` in your browser and be happy ๐
+3. Run `cp .env.example .env`
+4. Run `npm install`
+5. Run `npm run serve` or `npm run dev`
+6. Access `http://localhost:8080` in your browser and be happy ๐
-## :recycle: Contribute
+## โป Contribute
1. Fork this repository
2. Create a branch with your feature: `git checkout -b my-feature`
3. Commit your changes: `git commit -m 'feat: My new feature'`
4. Push your branch: `git push origin my-feature`
-## :page_with_curl: License
+## ๐งพ License
This project is under the MIT license. Take a look at the [LICENSE](LICENSE) file for more details.
diff --git a/public/assets/icon/favicon.ico b/public/assets/icon/favicon.ico
new file mode 100644
index 0000000..686d3a1
Binary files /dev/null and b/public/assets/icon/favicon.ico differ
diff --git a/public/assets/icon/favicon.png b/public/assets/icon/favicon.png
deleted file mode 100644
index 81f0d1f..0000000
Binary files a/public/assets/icon/favicon.png and /dev/null differ
diff --git a/public/assets/icon/logo.jpeg b/public/assets/icon/logo.jpeg
new file mode 100644
index 0000000..67272a4
Binary files /dev/null and b/public/assets/icon/logo.jpeg differ
diff --git a/public/assets/icon/logo.png b/public/assets/icon/logo.png
index ffc0bda..6ec8d00 100644
Binary files a/public/assets/icon/logo.png and b/public/assets/icon/logo.png differ
diff --git a/public/index.html b/public/index.html
index c3c86e9..d3674d9 100644
--- a/public/index.html
+++ b/public/index.html
@@ -14,7 +14,7 @@
diff --git a/src/components/Image.vue b/src/components/Image.vue
index 757229f..dbac0ba 100644
--- a/src/components/Image.vue
+++ b/src/components/Image.vue
@@ -1,5 +1,6 @@
import { IonImg } from "@ionic/vue";
-import { defineProps, ref, computed } from "vue";
+import { defineProps, ref, computed, useAttrs } from "vue";
import { useGeneralStore } from "../store/general";
defineProps({
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index f551bae..d34d41e 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -6,7 +6,7 @@
>
-
+