Rename elementType() into componentName()

The element attribute used is called name and not type, also
in Vue components have a name attribute.

README.md

@@ -23,13 +23,13 @@ export default {
 }
 ```
 
-You now have acces to the `page` prop and its `elements`. Also you have access to the `elementType()` method that you can use to dynamically render element components.
+You now have acces to the `page` prop and its `elements`. Also you have access to the `componentName()` method that you can use to dynamically render element components.
 
 ```html
 <template>
   <div :class="page.page_layout">
     <component
-      :is="elementType(element)"
+      :is="componentName(element)"
       v-for="element in page.elements"
       :key="element.id"
       :element="element"

src/mixins/__tests__/page.spec.js

@@ -11,7 +11,7 @@ const AlchemyPageComponent = {
   template: `
     <div class="alchemy-page">
       <component
-        :is="elementType(element)"
+        :is="componentName(element)"
         v-for="element in page.elements"
         :key="element.id"
         :element="element"
@@ -97,7 +97,7 @@ describe("Alchemy page mixin", () => {
     })
   })
 
-  describe("elementType", () => {
+  describe("componentName", () => {
     describe("if element component has been registered", () => {
       it("returns the component name", () => {
         const component = shallowMount(AlchemyPageComponent, {

src/mixins/page.js

@@ -9,7 +9,7 @@ export default {
     },
   },
   methods: {
-    elementType(element) {
+    componentName(element) {
       const name = element.name
       if (this.$options.components[name]) {
         return name