feat: documented $closeModal funciont to Routing page

Author: vallemar

content/docs/contributing.md

@@ -11,7 +11,7 @@ Thank you for your interest in contributing to NativeScript-Vue!
 Follow these steps to start contributing to the NativeScript-Vue codebase:
 
 ### Setup
-Clone the repository to your local environment:
+Clone the [repository](https://github.com/nativescript-vue/nativescript-vue) to your local environment:
 
 ```bash
 git clone https://github.com/nativescript-vue/nativescript-vue.git

content/docs/essentials/routing.md

@@ -215,11 +215,11 @@ In the `Detail` component, add a button that triggers the globally exposed `$nav
 ```
 
 ## Modal View Navigation
+Navigation using modals - detached from the current backstack.
 
-Use `$showModal` to show the `Detail` page modally. This function behaves similarly to `$navigateTo`.
-
-To close the modal, call `$modal.close`.
+### Showing a modal
 
+Use `$showModal` to show the `Detail` page modally. This function behaves similarly to `$navigateTo`.
 
 ```vue
 //Master.vue
@@ -251,51 +251,92 @@ function showDetailPageModally(){
     <Page>
         <ActionBar title="Detail" />
         <StackLayout>
-            <Button @tap="$modal.close" text="Close" />
+            <Label text="I am a modal!" />
         </StackLayout>
     </Page>
   </Frame>
 </template>
 ```
 
-
 Note: We've wrapped the Detail page in a `<Frame>` element, which allows us to show the `<ActionBar>` as well as navigate further within the modal.
 
-### Passing props to the modal
+#### Passing props to the modal
 
 `$showModal` accepts a second parameter. You can use the parameter to pass in a `props` object to the target component. For example:
 
 ```JavaScript
 $showModal(Detail, { props: { id: 14 }});
 ```
 
-### Forcing the modal to be fullscreen
+#### Forcing the modal to be fullscreen
 
 This option only takes effect on Android, as iOS modals are always fullscreen.
 
 ```JavaScript
 $showModal(Detail, { fullscreen: true, props: { id: 14 }});
 ```
 
-### Returning data from the modal
+### Closing a modal
+
+To close a modal we can close it from the modal template using `$modal.close()` or using the `$closeModal` function.
+
+#### Close modal from modal template
+
+```vue
+<!-- inside Detail.vue -->
+<Button @tap="$modal.close()" text="Close" />
+```
+
+#### Close modal using `$closeModal`
+
+You can use the `$closeModal()` function from anywhere in your application, calling this function will close the last opened modal.
+
+```vue
+<script lang="ts" setup>
+import { $closeModal } from "nativescript-vue"
+
+function closeModal(){
+  $closeModal();
+}
+</script>
+<template>
+  <Button @tap="closeModal" text="Close" />
+</template>
+```
+
+#### Returning data from the modal
 
-When calling `$showModal`, a promise is returned which resolves with any data passed to the `$modal.close` function.
+When calling `$showModal`, a promise is returned which resolves with any data passed to the `$modal.close` or `$closeModal` functions.
 
 In the following example, closing the modal outputs 'Foo' in the console.
 
 ```JavaScript
 // ... inside Master
 $showModal(Detail, { 
  closeCallback(data, ...args) {
-    // data type is any
-    // args type is any[]
+    console.log(data); // print: Foo
   }
 });
 ```
 
-```HTML
-<!-- inside Detail -->
+Examples:
+<br>
+Using `$modal.close`.
+```vue
+<!-- inside Detail.vue -->
 <Button @tap="$modal.close('Foo')" text="Close" />
 ```
 
+Using `$closeModal`.
+```vue
+<script lang="ts" setup>
+import { $closeModal } from "nativescript-vue"
 
+function closeModal(){
+  $closeModal("Foo");
+}
+</script>
+<template>
+  <Button @tap="closeModal" text="Close" />
+</template>
+```