add new blogs

components/IconTag.vue

@@ -1,3 +1,21 @@
+<template>
+    <div :aria-label="name"
+        class="font-inter md:text-lg w-fit max-h-9 min-w-fit bg-zinc-800 border border-zinc-700/30 py-1 px-2 rounded shadow flex items-center"
+        :class="(isTag) ? 'select-none' : 'select-text'"
+        :style="(size) ? 'font-size: ' + size + 'px;' : ''">
+        <Icon :size="(size) ? size : '20'"
+            class="mr-2"
+            :name="(isTag) ? ('logos:' + (tagMap[iconName.toLowerCase().split(' ').join('-')] || iconName.toLowerCase())) : iconName" />
+        {{ name }}
+    </div>
+</template>
+
+<style scoped>
+.font-inter {
+	font-family: 'Inter', arial, helvetica, sans-serif;
+}
+</style>
+
 <script>
 export default {
     data() {
@@ -21,15 +39,4 @@ export default {
     },
     props: ['iconName', 'name', 'isTag', 'size']
 }
-</script>
-<template>
-    <div :aria-label="name"
-        class="font-inter md:text-lg w-fit max-h-9 min-w-fit bg-zinc-800 border border-zinc-700/30 py-1 px-2 rounded shadow flex items-center"
-        :class="(isTag) ? 'select-none' : 'select-text'"
-        :style="(size) ? 'font-size: ' + size + 'px;' : ''">
-        <Icon :size="(size) ? size : '20'"
-            class="mr-2"
-            :name="(isTag) ? ('logos:' + (tagMap[iconName.toLowerCase().split(' ').join('-')] || iconName.toLowerCase())) : iconName" />
-        {{ name }}
-    </div>
-</template>
+</script>

components/content/ProseCodeInline.vue

@@ -1,5 +1,5 @@
 <template>
-	<code lang="js">
+	<code>
 		<slot />
 	</code>
 </template>