diff --git a/package.json b/package.json index ba808c7..db89a42 100644 --- a/package.json +++ b/package.json @@ -29,6 +29,7 @@ "eslint-plugin-vue": "^5.0.0", "node-sass": "^4.13.0", "sass-loader": "^8.0.0", + "svg-sprite-loader": "^4.2.1", "vue-particles": "^1.0.9", "vue-template-compiler": "^2.6.10" } diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index b2c8940..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,59 +0,0 @@ - - - - - - diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue new file mode 100644 index 0000000..27da76c --- /dev/null +++ b/src/components/SvgIcon/index.vue @@ -0,0 +1,43 @@ + + + + + diff --git a/src/icons/index.js b/src/icons/index.js new file mode 100644 index 0000000..2c6b309 --- /dev/null +++ b/src/icons/index.js @@ -0,0 +1,9 @@ +import Vue from 'vue' +import SvgIcon from '@/components/SvgIcon'// svg component + +// register globally +Vue.component('svg-icon', SvgIcon) + +const req = require.context('./svg', false, /\.svg$/) +const requireAll = requireContext => requireContext.keys().map(requireContext) +requireAll(req) diff --git a/src/icons/svg/github.svg b/src/icons/svg/github.svg new file mode 100644 index 0000000..139ef90 --- /dev/null +++ b/src/icons/svg/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/main.js b/src/main.js index 7098a3d..7d794ad 100644 --- a/src/main.js +++ b/src/main.js @@ -7,9 +7,11 @@ require(`@/plugins/base64`) require(`@/plugins/particles`) require(`@/plugins/axios`) +import '@/icons' // icon + Vue.config.productionTip = false new Vue({ router, render: h => h(App) -}).$mount('#app') \ No newline at end of file +}).$mount('#app') diff --git a/src/views/Subconverter.vue b/src/views/Subconverter.vue index 6b556b3..d6c5294 100644 --- a/src/views/Subconverter.vue +++ b/src/views/Subconverter.vue @@ -3,7 +3,10 @@ -
Subscription Converter
+
+ Subscription Converter + +
@@ -204,6 +207,7 @@