Feature: Initial commit for waterfall component by vue

pinry/static/js/vue/main.js

@@ -0,0 +1,36 @@
+
+function fetchPins(offset) {
+  var apiUrl = API_BASE + 'pins/?format=json&ordering=-id&limit=50&offset='+String(offset);
+  if (tagFilter) apiUrl = apiUrl + '&tags__name=' + tagFilter;
+  if (userFilter) apiUrl = apiUrl + '&submitter__username=' + userFilter;
+  return axios.get(apiUrl)
+}
+
+var app = new Vue({
+  el: '#app',
+  components: {
+    'waterfall': Waterfall.waterfall,
+    'waterfall-slot': Waterfall.waterfallSlot,
+  },
+  data() {
+    return {
+      pins: [],
+      loading: true,
+    }
+  },
+  methods: {
+    getInitialPins: function () {
+      var self = this;
+      var offset = 0;
+      fetchPins(offset).then(
+        function (res) {
+          self.pins = res.data.results;
+          self.loading = false;
+        }
+      );
+    },
+  },
+  created: function () {
+    this.getInitialPins();
+  },
+});