// we don't need to use a variable
// or the from keyword when importing a css/styl file
// thanks the the styles loader it gets added as a
// <style> tag in the head by default but can be changed
import 'normalize.css';
import {appDirective} from './app.directive';
// the angular libs are just common js
// and therefore we can assume they were
// exported using the default keyword in ES2015
// so we can import each module
// with any name we see fit.
// Note that the actual value are just strings except angular itself
// because that's how angular decided to export
// their auxillary modules
import angular from 'angular';
import uiRouter from 'angular-ui-router';
import ngAnimate from 'angular-animate';
// because we exported a named variable
// without using default keyword
// we must import it with the brackets
import {home} from './components/home/home';
import {blog} from './components/blog/blog';
// TODO: register common with app
// TODO: register shared with app

angular.module('app', [
  uiRouter,
  ngAnimate,
  // home is the module, the angular module
  // because that's what we exported in home.js
  // all angular modules have a name
  // property who's value is the name you set the
  // module to be
  home.name,
  blog.name
])
.directive('app', appDirective);

@@ -913,75 +913,98 @@
 g';%0A
-// TODO: register common with app%0A// TODO: register shared with app
+import %7Bcommon%7D from './components/common/common';%0Aimport %7Bshared%7D from './shared/shared';
 %0A%0Aan
@@ -1271,16 +1271,46 @@
 log.name
+,%0A  common.name,%0A  shared.name
 %0A%5D)%0A.dir

Add a service to get the posts