Reworked for style and formatting (#155)

Author: ikoevska

content/docs/en/utilities/v-view.md

@@ -1,56 +1,53 @@
 ---
-title: v-view directive
-contributors: [rigor789, eddyverbruggen]
+title: v-view
+contributors: [rigor789, eddyverbruggen, ikoevska]
 ---
 
-The `v-view` directive is used to set the current elements `View` as a parent property.
+The `v-view` directive lets you set the current element's `View` as a parent property.
 
-### Usage
+---
 
-```html
+```HTML
 <Child v-view:parentPropertyName />
 <!-- same as: -->
 <Child ~parentPropertyName />
 ```
 
-```html
+```HTML
 <Child v-view:parentArrayPropertyName.array />
 <!-- same as: -->
 <Child ~parentArrayPropertyName.array />
 ```
 
 ---
 
-There are many `NativeScript` components that require setting a property to a valid `View` instance, which is not possible using a template. Using this directive saves time by not having to register new directives / references to parent elements, and setting the parent properties manually.
+### Example: `<RadSideDrawer>`
 
-To better illustrate what this directive does, let's take a look at the `RadSideDrawer` component from the [Progress NativeScript UI](http://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/SideDrawer/getting-started) package:
+The `<RadSideDrawer>` component is part of the [Progress NativeScript UI](http://docs.telerik.com/devtools/nativescript-ui/Controls/Angular/SideDrawer/getting-started) package.
 
-The `RadSideDrawer` component expects the `drawerContent` and `mainContent` properties to be set to `View` instances,
-using the `v-view` directive it would look like this:
+The `<RadSideDrawer>` component requires the `drawerContent` and `mainContent` properties to be set to `View` instances. Using the `v-view` directive, you can do this with a few lines of code:
 
-```html
+```HTML
 <RadSideDrawer>
   <StackLayout ~drawerContent />
   <StackLayout ~mainContent />
 </RadSideDrawer>
 ```
 
-Without this directive you would have to do something like:
+Without the `v-view` directive, you need to go a more tedious and error-prone route:
 
-```html
+```HTML
 <RadSideDrawer ref="drawer">
   <StackLayout ref="drawerContent" />
   <StackLayout ref="mainContent" />
 </RadSideDrawer>
 ```
 
-```javascript
+```JavaScript
 {
   mounted() {
     this.$refs.drawer.nativeView.drawerContent = this.$refs.drawerContent.nativeView
     this.$refs.drawer.nativeView.mainContent = this.$refs.mainContent.nativeView
   }
 }
-```
-
-Which can get tedious and is very error prone.
+```