size_selector.haml

#app
  %vue-size-selector{ sizes: @sizes }

%script#vue-size-selector{ type: "x-template" }
  .sizeSelector
    .sizeSelector__header
      CHOOSE A SIZE: {{ currentSize.dimensions }}
    %ul.sizeSelector__grid
      %li{ v: { for: "size in sizes" } }
        %span{ "@click" => "currentSize = size" }
          {{ size.name }}
    .sizeSelector__footer
      %span.sizeSelector__price {{ currentSize.price | currency }}
      %button ADD TO CART
    .sizeSelector__financing {{ currentSize.financing }}