[#366] adding vocabulary-styles as a dependency

Author: shailee-m

README.md

@@ -34,7 +34,6 @@ To be able to use the file it should either be rendered statically from the inte
 
 ```
 <script src="https://unpkg.com/vue"></script>
-<!-- If the licenser-chooser file is hosted on http://127.0.0.1:8081 -->
 <script src="https://unpkg.com/@creativecommons/chooser/dist/license-chooser.js"></script>
 
 <license-chooser></license-chooser>

package-lock.json

@@ -28,6 +28,7 @@
         "@fortawesome/free-regular-svg-icons": "^6.0.0-beta3",
         "@fortawesome/free-solid-svg-icons": "^6.0.0-beta3",
         "@fortawesome/vue-fontawesome": "^2.0.6",
+        "@creativecommons/vocabulary-styles": "^0.1.0",
         "@creativecommons/vocabulary-components": "^0.1.0",
         "@sentry/vue": "^5.29.2",
         "bulma": "^0.9.1",

package.json

@@ -177,7 +177,7 @@ export default {
 };
 </script>
 <style lang="scss">
-@import '~@creativecommons/vocabulary/scss/vocabulary.scss';
+@import '~@creativecommons/vocabulary-styles';
 
 #app {
   -webkit-font-smoothing: antialiased;

src/App.vue

@@ -2,7 +2,7 @@ import Vue from 'vue';
 import { shallowMount, createLocalVue } from '@vue/test-utils';
 import Vuex from 'vuex';
 import VueI18n from 'vue-i18n';
-import Vocabulary from '@creativecommons/vocabulary-components';
+import VueVocabulary from '@creativecommons/vocabulary-components';
 import VueScrollTo from 'vue-scrollto';
 import createStore from '@/store';
 import App from '@/App';
@@ -14,7 +14,7 @@ describe('App.vue', () => {
   beforeEach(() => {
     localVue = createLocalVue();
     localVue.use(Vuex);
-    localVue.use(Vocabulary);
+    localVue.use(VueVocabulary);
     Vue.use(VueScrollTo);
     Vue.use(VueI18n);
     wrapper = shallowMount(App, {