donejs/guides/place-my-order/steps/additional/app.js

Your app is done

import { DefineMap, route, value } from 'can';
import RoutePushstate from 'can-route-pushstate';
import debug from 'can-debug#?./is-dev';

//!steal-remove-start
if(debug) {
	debug();
}
//!steal-remove-end

const AppViewModel = DefineMap.extend("AppViewModel", {
  page: 'string',
  slug: 'string',
  action: 'string',
  env: {
    default: () => ({NODE_ENV:'development'})
  },
  title: {
    default: 'place-my-order'
  },
  routeData: {
    default: () => route.data
	},
  get pageComponent() {
    switch(this.routeData.page) {
      case 'home': {
        return steal.import('~/pages/home.component').then(({default: Home}) => {
          return new Home();
        });
      }

      case 'restaurants': {
        if(this.routeData.slug) {
          switch(this.routeData.action) {
            case 'order': {
              return steal.import("~/pages/order/new/")
              .then(({default: OrderNew}) => {
                return new OrderNew({
                  viewModel: {
                    slug: value.from(this.routeData, "slug")
                  }
                })
              });
            }

            default: {
              return steal.import("~/pages/restaurant/details.component")
              .then(({default: RestaurantDetail}) => {
                return new RestaurantDetail({
                  viewModel: {
                    slug: value.from(this.routeData, "slug")
                  }
                });
              });
            }
          }
        }

        return steal.import('~/pages/restaurant/list/').then(({default: RestaurantList}) => {
          return new RestaurantList();
        });
      }

      case 'order-history': {
        return steal.import('~/pages/order/history.component').then(({default: OrderHistory}) => {
          return new OrderHistory();
        });
      }
    }
  }
});

route.urlData = new RoutePushstate();
route.register("{page}", { page: "home" });
route.register('{page}/{slug}', { slug: null });
route.register('{page}/{slug}/{action}', { slug: null, action: null });

export default AppViewModel;