AngularJS localization for website

app.coffee

angular = require 'angular'

app = angular.module 'app', []

app.service 'LocalizationService', require './services/localizationservice.coffee'
app.directive 'tr', require './directives/localizationdirective.coffee'

module.exports = app

dictionary.coffee

dictionary = {
    fi: {
        greeting: 'Tervetuloa'
        switchLocale: 'In English'
    }
    en: {
        greeting: 'Greetings'
        switchLocale: 'Suomeksi'
    }
}

module.exports = dictionary

index.jade

doctype html
html(ng-app='app')
  head
  body
    div
      h1(tr='greeting')

    script(src='js/app.js')

localizationdirective.coffee

module.exports = (LocalizationService) ->
    restrict: 'A',
    link: (scope, elem, attrs) ->
        scope.$watch(LocalizationService.locale, ->
            elem.text(LocalizationService.localize(attrs.tr))
        )

localizationservice.coffee

module.exports = ->
    dictionary = require './dictionary.coffee'
    config = {lang: 'en'}
    service =
        locale:         ()      -> config.lang
        setLocale:      (lang)  -> config.lang = lang
        localize:       (key)   -> dictionary[config.lang][key]
        switchLocale:   ()      -> if config.lang is 'en' then config.lang = 'fi' else config.lang = 'en'