diff --git a/static/components/shopping-cart/shopping-cart.html b/static/components/shopping-cart/shopping-cart.html
new file mode 100644
index 0000000..8650cc6
--- /dev/null
+++ b/static/components/shopping-cart/shopping-cart.html
@@ -0,0 +1 @@
+<q-btn dense round flat icon="shopping_cart" class="q-ml-md"></q-btn>
diff --git a/static/components/shopping-cart/shopping-cart.js b/static/components/shopping-cart/shopping-cart.js
new file mode 100644
index 0000000..e0ad053
--- /dev/null
+++ b/static/components/shopping-cart/shopping-cart.js
@@ -0,0 +1,16 @@
+async function shoppingCart(path) {
+  const template = await loadTemplateAsync(path)
+
+  Vue.component('shopping-cart', {
+    name: 'shopping-cart',
+    template,
+
+    props: [],
+    data: function () {
+      return {}
+    },
+    computed: {},
+    methods: {},
+    created() {}
+  })
+}