implement card reference widget, fix DeckIcon.vue

bring back eslint and stylelint on compilation, fix almost all warnings, ignore some

Signed-off-by: Julien Veyssier <eneiluj@posteo.net>

src/components/icons/DeckIcon.vue

@@ -1,38 +1,55 @@
 <template>
-	<svg xmlns="http://www.w3.org/2000/svg"
-		:height="size"
-		:width="size"
-		version="1.1"
-		viewBox="0 0 16 16">
-		<rect ry="1"
-			height="8"
-			width="14"
-			y="7"
-			x="1" />
-		<rect ry=".5"
-			height="1"
-			width="12"
-			y="5"
-			x="2" />
-		<rect ry=".5"
-			height="1"
-			width="10"
-			y="3"
-			x="3" />
-		<rect ry=".5"
-			height="1"
-			width="8"
-			y="1"
-			x="4" />
-	</svg>
+	<span :aria-hidden="!title"
+		:aria-label="title"
+		class="material-design-icon deck-icon"
+		role="img"
+		v-bind="$attrs"
+		@click="$emit('click', $event)">
+		<svg xmlns="http://www.w3.org/2000/svg"
+			:fill="fillColor"
+			:height="size"
+			:width="size"
+			version="1.1"
+			viewBox="0 0 16 16">
+			<rect ry="1"
+				height="8"
+				width="14"
+				y="7"
+				x="1" />
+			<rect ry=".5"
+				height="1"
+				width="12"
+				y="5"
+				x="2" />
+			<rect ry=".5"
+				height="1"
+				width="10"
+				y="3"
+				x="3" />
+			<rect ry=".5"
+				height="1"
+				width="8"
+				y="1"
+				x="4" />
+		</svg>
+	</span>
 </template>
+
 <script>
 export default {
 	name: 'DeckIcon',
 	props: {
+		title: {
+			type: String,
+			default: '',
+		},
+		fillColor: {
+			type: String,
+			default: 'currentColor',
+		},
 		size: {
 			type: Number,
-			default: 16,
+			default: 24,
 		},
 	},
 }