capacitor | Mindfully managing burnout , one day at a time | Date Time Utils library

I'm working with an ESP32 chip and am trying to create an Android app (using Ionic) which allows user to send wifi credentials to the ESP32 chip via BLE. I'd like to be able to update the status of the wifi sending process for the user in the UI (which I'm developing using Angular and then converting it to an Android webapp using Ionic). To do this, I'm also using the capacitor-community/bluetooth-le library.

Can anyone explain to me what this.queue does in the async write function (code shown below) does? I thought this function returns a response from a remote BLE device after writing to a GATT characteristic, but I get absolutely nothing at all for a response.

I just created a brand new Ionic app, using command "ionic start myApp blank"

I added the necessary angular dependencies to get "ionic serve" working properly.

I have installed capacitor using the following commands

I have seen most of the mobile application has an intro slider when we first time installs the app. I searched on google but all of them are old version of Ionic with Angular.

I'm very confused about where to put the component and how should I manage the state.

I'm using Capacitor in my application and I think the capacitor has storage.

I also want to know what is the proper flow of doing this thing.

Thanks in advance.

Trying to get Vue/TypeScript/ESLint/Prettier/Vetur formatting in VS Code is a nightmare. There are many many GitHub issues and StackOverflow posts on this but I assure you this is not a duplicate. I have followed every tutorial and none of them work. Some of them fix one problem but introduce another. Some of them don't fix any problems. Some of them crash VS Code. Most conflict with each other in the advice they prescribe, including multiple official sources. Many are outdated, referencing obsolete config properties.

I want VS Code to lint and format my .vue and .ts files when I save.

I have spent hours and tried many, many configurations from different posts and tutorials, but this is the closest I have gotten to something that works. With the below configuration, however, whenever saving a .vue file, elements in the .vue files get momentarily wrapped onto a new line, and then immediately reverted back to a single line element:

then then

Below are my current configuration files:

.eslintrc.js

I have a capacitor app and I'm trying to implement the Firebase Distribution with Gradle (https://firebase.google.com/docs/app-distribution/android/distribute-gradle?authuser=1&apptype=aab) but I'm stuck at this error:

After updating my npm packages, some of the imports from the 'vue' module started showing errors:

TS2305: Module '"../../node_modules/vue/dist/vue"' has no exported member 'X'

where X is nextTick, onMounted, ref, watch etc. When serving the project, Vue says it's "failed to compile". WebStorm actually recognizes the exports, suggests them and shows types, but the error is shown regardless. Some exports like computed and defineComponent work just fine.

What I've tried:

• Rollback to the previously used Vue version "3.2.2" > "3.0.11". It makes the abovementioned type errors disappear, but the app stops working entirely, showing lots of TypeError: Object(...) is not a function errors in console and not rendering the app at all. In the terminal, some new warnings are introduced: "export 'X' (imported as '_X') was not found in 'vue' where X is createElementBlock, createElementVNode, normalizeClass and normalizeStyle.
• Rollback other dependencies. None of the ones that I tried helped fix the problem, unfortunately.
• Manually declare the entirety of 'vue' module. We can declare the 'vue' module exports in shims-vue.d.ts, and it actually makes the errors disappear, however, this seems like a terrible, time-consuming workaround, so I would opt out for a better solution if possible.

My full list of dependencies:

I have managed to connect to the device via ADB both with TCP and USB mode. But Ionic seems failed to detect the device. NPM version is 8.3.1 and Capacitor version is 3.3.4. Both @capacitor/core and @capacitor/cli was installed. I had looking for the solution in other Ionic's community sites and none of them is helping.

I created an Angular/Ionic project with capacitor. Now I wanted to make changes in my capacitor.config.json but this file is missing? Instead there is the capacitor.config.ts?!

I need the JSON File because otherwise a specific plugin doesnt work!

Here are pictures of my directory and my package.json: Directory and Files

package.json file

I have just setup a fresh Vue 3 Quasar project using the Quasar CLI.

And I have created a new src/firebase/config.ts file to store my firebase configuration, it looks like this: