PasswordRules | Swift library for defining strong password generation rules | iOS library

I am trying to add password rules in my vue app. I am using vuetify version 2.3.10.

This is what I have so far, and I am not able to figure out how can I add the validation for password to include special characters, capital letter and number.

I'm trying to build a simple login/register form using Vuex to store user array. The register works, and creates a new Json object in the array. The problem is the Login because when i try to ask Vuex if a user with a specific username exists it returns me Undefined.

Vuex store code:

How to disable "Next" button when fields aren't correctly filled out? I would like block this step. I using passwordRules[] and emailRules[].

:disabled="" working for buttons in specific steps, but I don't know how to use it for inputs rules.

Could someone please help me solve this problem?

Demo code: https://codepen.io/noobmaster2137/pen/JjbZLKz

HTML:

Hi everyone I have a bug with my page. When I click on a button it automatically refreshes the page (which i don't want) but with the ?# as from http://127.0.0.1:8080/#/Login.

it refreshes to http://127.0.0.1:8080/?#/Login then it works normally. I know that the # is for Vue-router but what's the ? for ?

Here is my code:

When registering a new user, I want them to pick a unique username. Everything worked with the username when I used Jetstream but when I rebuilt with Laravel Fortify and Laravel UI, the username is null regardless of what the user enters in the field. Below I have included several samples of code used to add and register the username.

I am not getting any errors in debugging or in the logs to support any known issues.

Register.blade.php (Username Input)

I'm trying to get autofill working. Specifically, either of these experiences. The former being the one I'm more interested in, but two for the sake of having more than one example.

Everything is working except the strong password generation.

I've correctly configured my AASA, I've switched everything to SSL, textContentType is correctly set, I enabled the autofill provider entitlement (after reading more I'm turning it back off though since that's not what I want (same results)). Is there something in info.plist i'm missing? I am using a keychain library to access the keychain? but I don't think that's it.

Specifically I'm trying to get to this screen

Any suggestions of where to dig would also be appreciated. At this point I'm not sure if I'm doing something wrong, or if ios12 is new and doesn't work right yet.

Relevant code? (This is all I have in the 'code', am I missing somethign somewhere else?)

I wanted to use font-awesome with vuetify instead of the material icons they use as default, however the font-awesome icons are all very big and look clunky with the vuetify components, is there a way to make them smaller overall, maybe with font-size or something?

This is an example of what I mean, the icon on top is ok but the password eye looks terrible so big.

In this case of the eye icon I can't resize it like I normally could, because of the way it's set up. They are just called in the v-text-view, so I can't set up a font size or anything.

I'm a newbie to a ReactiveUI, so I stuck with the issue, that my error messages are displayed on the Page Start, not after the user input changes.

I suppose I have an issue with ComplexRule. So here is my code in ViewModel:

Good day.

I am new to vue and i am trying to redirect my login page to another page whenever the user login to load another page/component. The url changes and no errors are displayed however the page does not change.

EDIT: I used Vue Tools to check out if it was redirecting and apperently it is but the form component i made still stays on screen and my someOtherComponent does show on on the screen.

Here is the code script part of my form component: