docs(demos): use Page instead of IonicView

demos/component-docs/actionSheet/actionSheet.ts

@@ -1,6 +1,6 @@
-import {IonicPlatform, IonicView, ActionSheet} from 'ionic/ionic';
+import {IonicPlatform, Page, ActionSheet} from 'ionic/ionic';
 
-@IonicView({
+@Page({
   templateUrl: 'actionSheet/actionSheet.html',
 })
 export class ActionSheetPage {

demos/component-docs/buttons/buttons.ts

@@ -1,6 +1,6 @@
-import {IonicPlatform, IonicView} from 'ionic/ionic';
+import {IonicPlatform, Page} from 'ionic/ionic';
 
-@IonicView({
+@Page({
   templateUrl: 'buttons/buttons.html',
 })
 export class ButtonsPage {
@@ -9,7 +9,7 @@ export class ButtonsPage {
     }
 }
 
-@IonicView({
+@Page({
   templateUrl: 'buttons/block.html',
 })
 export class BlockButtonsPage {
@@ -18,7 +18,7 @@ export class BlockButtonsPage {
     }
 }
 
-@IonicView({
+@Page({
   templateUrl: 'buttons/full.html',
 })
 export class FullButtonsPage {
@@ -27,7 +27,7 @@ export class FullButtonsPage {
     }
 }
 
-@IonicView({
+@Page({
   templateUrl: 'buttons/outline.html',
 })
 export class OutlineButtonsPage {
@@ -36,7 +36,7 @@ export class OutlineButtonsPage {
     }
 }
 
-@IonicView({
+@Page({
   templateUrl: 'buttons/round.html',
 })
 export class RoundButtonsPage {
@@ -45,7 +45,7 @@ export class RoundButtonsPage {
     }
 }
 
-@IonicView({
+@Page({
   templateUrl: 'buttons/fab.html',
 })
 export class FabPage {
@@ -54,7 +54,7 @@ export class FabPage {
     }
 }
 
-@IonicView({
+@Page({
   templateUrl: 'buttons/sizes.html',
 })
 export class ButtonSizesPage {
@@ -63,7 +63,7 @@ export class ButtonSizesPage {
     }
 }
 
-@IonicView({
+@Page({
   templateUrl: 'buttons/icons.html',
 })
 export class IconButtonsPage {

demos/component-docs/cards/cards.ts

@@ -1,6 +1,6 @@
-import {IonicPlatform, IonicView} from 'ionic/ionic';
+import {IonicPlatform, Page} from 'ionic/ionic';
 
-@IonicView({
+@Page({
   templateUrl: 'cards/cards.html',
 })
 export class CardsPage {

demos/component-docs/forms/forms.ts

@@ -1,8 +1,8 @@
-import {FORM_DIRECTIVES, FormBuilder, Validators, Control, ControlGroup} from 'angular2/forms';
-import {IonicView} from 'ionic/ionic';
+import {FORM_DIRECTIVES, FormBuilder, Validators, Control, ControlGroup} from 'angular2/angular2';
+import {Page} from 'ionic/ionic';
 
 
-@IonicView({
+@Page({
   templateUrl: 'forms/forms.html',
   bindings: [FormBuilder]
 })

demos/component-docs/icons/icons.ts

@@ -1,6 +1,6 @@
-import {IonicPlatform, IonicView} from 'ionic/ionic';
+import {IonicPlatform, Page} from 'ionic/ionic';
 
-@IonicView({
+@Page({
     templateUrl: 'icons/icons.html',
 })
 export class IconsPage {

demos/component-docs/index.ts

@@ -1,5 +1,5 @@
 import {App, IonicApp, IonicPlatform, ActionSheet} from 'ionic/ionic';
-import {IonicView, IonicConfig, Events} from 'ionic/ionic';
+import {Page, IonicConfig, Events} from 'ionic/ionic';
 import {ActionSheetPage} from 'actionSheet/actionSheet';
 import * as helpers from 'helpers';
 

demos/component-docs/lists/lists.ts

@@ -1,6 +1,6 @@
-import {IonicPlatform, IonicView} from 'ionic/ionic';
+import {IonicPlatform, Page} from 'ionic/ionic';
 
-@IonicView({
+@Page({
     templateUrl: 'lists/lists.html',
 })
 export class ListsPage {

demos/component-docs/menus/menus.ts

@@ -1,8 +1,8 @@
-import {App, IonicApp, IonicView, NavController, NavParams} from 'ionic/ionic';
-import {IonicView, Events} from 'ionic/ionic';
+import {App, IonicApp, Page, NavController, NavParams} from 'ionic/ionic';
+import {Page, Events} from 'ionic/ionic';
 import * as helpers from 'helpers';
 
-@IonicView({
+@Page({
   templateUrl: 'menus/menu-home.html'
 })
 class PageOne{
@@ -12,19 +12,19 @@ class PageOne{
   }
 }
 
-@IonicView({
+@Page({
   templateUrl: 'menus/menu-friends.html'
 })
 class PageTwo{
 }
 
-@IonicView({
+@Page({
   templateUrl: 'menus/menu-events.html'
 })
 class PageThree{
 }
 
-@IonicView({
+@Page({
   templateUrl: 'menus/menus.html'
 })
 export class MenusPage {

demos/component-docs/modals/modals.ts

@@ -1,8 +1,8 @@
-import {App, IonicApp, Animation, Modal, NavController, IonicView, Events} from 'ionic/ionic';
+import {App, IonicApp, Animation, Modal, NavController, Page, Events} from 'ionic/ionic';
 import * as helpers from 'helpers';
 
 
-@IonicView({
+@Page({
   templateUrl: 'modals/modals.html'
 })
 class ModalsFirstPage {
@@ -26,7 +26,7 @@ class ModalsFirstPage {
 
 }
 
-@IonicView({
+@Page({
   templateUrl: 'modals/modals-content.html'
 })
 class ModalsContentPage {
@@ -46,7 +46,7 @@ class ModalsContentPage {
   }
 }
 
-@IonicView({
+@Page({
   template: '<ion-nav [root]="rootView"></ion-nav>'
 })
 export class ModalsPage {

demos/component-docs/navigation/navigation.ts

@@ -1,8 +1,8 @@
 import {NavController, NavParams} from 'ionic/ionic';
-import {IonicView, Events} from 'ionic/ionic';
+import {Page, Events} from 'ionic/ionic';
 import * as helpers from 'helpers';
 
-@IonicView({
+@Page({
   templateUrl: 'navigation/navigation-details.html'
 })
 class NavigationDetailsPage {
@@ -26,7 +26,7 @@ class NavigationDetailsPage {
   }
 }
 
-@IonicView({
+@Page({
     templateUrl: 'navigation/navigation.html',
 })
 export class NavigationPage {

demos/component-docs/popups/popups.ts

@@ -1,6 +1,6 @@
-import {IonicPlatform, IonicView, Popup} from 'ionic/ionic';
+import {IonicPlatform, Page, Popup} from 'ionic/ionic';
 
-@IonicView({
+@Page({
     templateUrl: 'popups/popups.html',
 })
 export class PopupsPage {

demos/component-docs/slides/slides.ts

@@ -1,6 +1,6 @@
-import {IonicPlatform, IonicView} from 'ionic/ionic';
+import {IonicPlatform, Page} from 'ionic/ionic';
 
-@IonicView({
+@Page({
     templateUrl: 'slides/slides.html',
 })
 export class SlidesPage {

demos/component-docs/tabs/tabs.ts

@@ -1,8 +1,8 @@
 import {NavController, NavParams} from 'ionic/ionic';
-import {IonicView, ViewController} from 'ionic/ionic';
+import {Page, ViewController} from 'ionic/ionic';
 import * as helpers from 'helpers';
 
-@IonicView({
+@Page({
   template: 'Hello 1',
 })
 class TabOneCtrl {
@@ -12,7 +12,7 @@ class TabOneCtrl {
   }
 }
 
-@IonicView({
+@Page({
   templateUrl: 'tabs.html'
 })
 export class TabsPage {