wip

src/web/app/common/views/components/url.vue

@@ -1,5 +1,5 @@
 <template>
-	<a :href="url" :target="target">
+<a class="mk-url" :href="url" :target="target">
 	<span class="schema">{{ schema }}//</span>
 	<span class="hostname">{{ hostname }}</span>
 	<span class="port" v-if="port != ''">:{{ port }}</span>
@@ -7,11 +7,13 @@
 	<span class="query">{{ query }}</span>
 	<span class="hash">{{ hash }}</span>
 	%fa:external-link-square-alt%
-	</a>
+</a>
 </template>
 
-<script lang="typescript">
-	export default {
+<script lang="ts">
+import Vue from 'vue';
+
+export default Vue.extend({
 	props: ['url', 'target'],
 	data() {
 		return {
@@ -33,14 +35,13 @@
 		this.query = url.search;
 		this.hash = url.hash;
 	}
-	};
+});
 </script>
 
 <style lang="stylus" scoped>
-	:scope
+.mk-url
 	word-break break-all
 
-	> a
 	> [data-fa]
 		padding-left 2px
 		font-size .9em