Add MutablePrimitives.ts for cases when creating editable objects. #10
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
When using Vue 3 to create a ref variable from a User class (a Value Object) in forms, it is not possible to create an editable object. To address this, create MutablePrimitives.ts for such cases.
Context:
![image](https://private-user-images.githubusercontent.com/86814306/307626976-ece30568-2521-4993-9a68-b2a1e55a5d4c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2MDc4MTAsIm5iZiI6MTcyMzYwNzUxMCwicGF0aCI6Ii84NjgxNDMwNi8zMDc2MjY5NzYtZWNlMzA1NjgtMjUyMS00OTkzLTlhNjgtYjJhMWU1NWE1ZDRjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE0VDAzNTE1MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU1ZTI3ZDlkOTM3YjFiZDc0OWYxZDZmM2M5ZmE3Mzg5NzUyYTdkZWZmMmMxOTFiY2UyMzI1MTQzYzk2YjE4MTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.bP1mxgEcWsUayrAtRumfDRZUEQ7pjkithlRosvyje0Q)
Class User:
![image](https://private-user-images.githubusercontent.com/86814306/307626987-3db7353c-78ea-4d03-9ee8-7a079239d034.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2MDc4MTAsIm5iZiI6MTcyMzYwNzUxMCwicGF0aCI6Ii84NjgxNDMwNi8zMDc2MjY5ODctM2RiNzM1M2MtNzhlYS00ZDAzLTllZTgtN2EwNzkyMzlkMDM0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE0VDAzNTE1MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ4MDYxYWFhMmJiM2RhNmUwYzljODVmMmZiZmQ1MmM5YWM1ODFiYzNkMzEzYTc1NmY3ZmRjYmYxYmJlMmU0ODQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.mqphSlHKPNtrjkPCZmp5ZGjiyurikQsXALREZSTZzVA)
Error: TypeScript asignable new values, conflict with property read-only
![image](https://private-user-images.githubusercontent.com/86814306/307627000-6d9a1891-2db8-4222-a5d1-2f908763274c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2MDc4MTAsIm5iZiI6MTcyMzYwNzUxMCwicGF0aCI6Ii84NjgxNDMwNi8zMDc2MjcwMDAtNmQ5YTE4OTEtMmRiOC00MjIyLWE1ZDEtMmY5MDg3NjMyNzRjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE0VDAzNTE1MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM3MzViNGJiYjI3NGM1Zjk4YmNkMGEwYmNlMDdjMzMxNTMwOTZmNzE1ZDZkMWU1YTY1OTMxNDU1MDBkYzA5ODgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.CEO7YWam4vzPse-DL0vjzqTtaWhFpj0LDkR5nIziwKg)
Now:
![image](https://private-user-images.githubusercontent.com/86814306/307627018-77a8855e-099a-497e-9cdc-4630b3033de3.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2MDc4MTAsIm5iZiI6MTcyMzYwNzUxMCwicGF0aCI6Ii84NjgxNDMwNi8zMDc2MjcwMTgtNzdhODg1NWUtMDk5YS00OTdlLTljZGMtNDYzMGIzMDMzZGUzLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE0VDAzNTE1MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEwYmUxMjU0NGY0ODAwMzMzYTc4YWFlOGVlZmIzOGNiOWU3MmY0Y2NiMzEyNmI0ZDAxYmQxMDIzMjZmMTQwZDAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.GbEB1vIY9pbXdOGQGljKJpcI_CV3vZsEXBqNawmSMkU)
Test:
![image](https://private-user-images.githubusercontent.com/86814306/307627025-539c664f-7ae8-4064-92eb-56ad320d472c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM2MDc4MTAsIm5iZiI6MTcyMzYwNzUxMCwicGF0aCI6Ii84NjgxNDMwNi8zMDc2MjcwMjUtNTM5YzY2NGYtN2FlOC00MDY0LTkyZWItNTZhZDMyMGQ0NzJjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE0VDAzNTE1MFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWRhODU4NGE0Zjc5NjVjOGFlNWExY2IxMTU2ZGQ0YTI3YTg3YjRjOGE3NDdhZGQ1MThiYTdmNjBmN2I0NTE4OGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.V-QeevAdM6HZ-tXIXLdLgfwyrqn2ojTzpivm90z61z0)