diff --git a/README.md b/README.md
index 144c7d9c64830e36f2b082dd698d5314cc78e7ec..a2cd7e0e60e0b35495e674fad93e1d842f1f2405 100644
--- a/README.md
+++ b/README.md
@@ -23,7 +23,7 @@ yarn lint
 ## component usage example
 
 ```
-<zotero-query-component :default-type="user" :default-id="1234" @entrySelected="selectedEntryCallback"/>
+<zotero-vue-client :default-type="user" :default-id="1234" @entrySelected="selectedEntryCallback"/>
 ```
 
 where **default-type** is *"user"* or *"group"* and **default-id** is a *group* or *user* id (https://www.zotero.org/support/dev/web_api/v3/basics)
@@ -31,7 +31,7 @@ where **default-type** is *"user"* or *"group"* and **default-id** is a *group*
 Another example with custom options :
 
 ```
-<zotero-query-component 
+<zotero-vue-client
     :default-type="user"
     :default-id="475425" 
     :options="{
@@ -42,7 +42,7 @@ Another example with custom options :
     @entrySelected="selectedEntryCallback"/>
 ```
 
-available formats : https://www.zotero.org/support/dev/web_api/v3/basics#export_formats. *zotero-query-component* uses 'tei'
+available formats : https://www.zotero.org/support/dev/web_api/v3/basics#export_formats. *zotero-vue-client* uses 'tei'
 as default one.
 
 ### Customize configuration
diff --git a/src/App.vue b/src/App.vue
index 54a09778527bf0c90c87c97df83e1ec76f7abe23..10c54fb9ef57607d87c2150628da7c41713b4912 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,14 +1,14 @@
 <template>
-    <zotero-query-component :default-type="resourceType" :default-id="groupOrUserId" @entrySelected="selectedEntry"/>
+    <zotero-vue-client :default-type="resourceType" :default-id="groupOrUserId" @entrySelected="selectedEntry"/>
 </template>
 
 <script>
-    import ZoteroQueryComponent from "./components/ZoteroQueryComponent";
+    import ZoteroVueClient from "./components/ZoteroVueClient";
     import config from './config/config';
     export default {
         name: 'App',
         components: {
-            ZoteroQueryComponent
+            ZoteroVueClient
         },
         data(){
             return {
@@ -34,7 +34,7 @@
     }
 
 
-    .zotero-query-component {
+    .zotero-vue-client {
         width: 600px;
         margin: auto;
     }
diff --git a/src/components/ZoteroQueryComponent.vue b/src/components/ZoteroVueClient.vue
similarity index 98%
rename from src/components/ZoteroQueryComponent.vue
rename to src/components/ZoteroVueClient.vue
index 6a4474ba589adc050b6677b76a48ef91a11d3a6d..fb8eae0d1eb66303efeb6b1310eb06a8c5bef838 100644
--- a/src/components/ZoteroQueryComponent.vue
+++ b/src/components/ZoteroVueClient.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="zotero-query-component">
+    <div class="zotero-vue-client">
         <h2>Zotero Client <a role="button"
                              v-if="isConfigEditable"
                              @click="isConfigVisible=!isConfigVisible"
@@ -65,7 +65,7 @@
     const Zotero = require('libzotero');
 
     export default {
-        name: 'ZoteroQueryComponent',
+        name: 'ZoteroVueClient',
         props: {
             defaultId : String,
             defaultType : {
diff --git a/src/index.js b/src/index.js
index a3296a752e2eed57a3147105c5e78caa82f766e2..eaa3775d978ab67f444cefc6702de4cef99a2547 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,2 +1,2 @@
-import ZoteroVueClient from './components/ZoteroQueryComponent';
+import ZoteroVueClient from './components/ZoteroVueClient';
 export default ZoteroVueClient;