feat/frontend: updated readme, refs: #50

frontend/README.md

@@ -1,6 +1,6 @@
 # Overview
 
-The frontend is written in [vue3](https://vuejs.org) in typescript. Using the [BC Parks Bootstrap theme](https://digitalspace.github.io/bcparks-bootstrap-theme/)
+The frontend is written in [vue3](https://vuejs.org) composition api in typescript. Using the [BC Parks Bootstrap theme](https://digitalspace.github.io/bcparks-bootstrap-theme/)
 
 ## Setup local development
 
@@ -25,7 +25,7 @@ VITE_KEYCLOAK_REALM=[keycloak realm name]
 [Bootstrap icon for vue3](https://github.com/tommyip/bootstrap-icons-vue), this doesn't work well with the bootstrap-vue-3 after installed bootstrap-vue-3 using the preferred method, so use unplugin-icons for now, until bootstrap-vue-3 adds the icons. bootstrap-icons-vue naming convention uses b-icon as prefix, so bootstrap-vue-3 will think it belongs to it, and then complains cannot found  
 **Unit Test**:  
 [Vitest](https://vitest.dev/api/)
-[Vue test util](https://v1.test-utils.vuejs.org/api/)
+[Vue test util](https://test-utils.vuejs.org/api/)
 
 ## Command
 
@@ -53,4 +53,7 @@ $ npm init vue@latest
 
 ## Reference reading
 
+[vue3 composition api learning](https://vuejs.org/tutorial/#step-12)
+[vue3 computed properties](https://vuejs.org/guide/essentials/computed.html)
+[vue3 typescript with composition api](https://vuejs.org/guide/typescript/composition-api.html)
 [Testing frameworks for vue](https://vuejs.org/guide/scaling-up/testing.html#unit-testing)