got blogs working better, no content shifts + more

content/blog/nuxtjs-trpc-fullstack.md

@@ -1,9 +1,19 @@
 ---
 title: My nuxtjs + trpc fullstack web app
 description: My experiences with nuxtjs 3 and tRPC
-img: /images/how-i-made-my-site-fast.png
-alt: how i made snowball fast
-writer: juls07
+image: 
+    src: '/images/archlinux.png'
+    alt: 'Why I chose archlinux'
+head:
+  meta:
+    - name: 'keywords'
+      content: 'web dev, fullstack development, nuxtjs, tRPC, redis'
+    - name: 'robots'
+      content: 'index, follow'
+    - name: 'author'
+      content: 'juls07'
+    - name: 'copyright'
+      content: '© 2022 juls07'
 date: 2022-09-20
 _draft: true
 tags:
@@ -15,60 +25,3 @@ tags:
 ---
 
 Recently I've been working with nuxtjs 3 and tTRPC. I've heard a lot of things about nuxtjs 3 and tRPC lately, mostly bad with nuxtjs 3 and mostly good with trpc. These are not technoligies I've been interested in working with for a while
-
-## JS Code Block
-
-```js
-const a = 5;
-```
-
-## One liners
-`here` `and here` `count` you don't even know what you're asking me to confess
-
-## Vue Code Block
-
-```vue
-<template>
-  <input v-model.lazy="message"/>
-</template>
-
-<script setup>
-import { watch, ref } from 'vue'
-
-const message = ref('');
-
-const saveMessage = () => {
-  // do anything with the message
-}
-
-watch(message, (newMessage) => {
-  saveMessage(newMessage) // only called on change events
-})
-</script>
-```
-
-## Vue Code Block With Line Highlighting
-
-```svelte
-<script>
-{#if tags.length > 0}
- {#each tags as tag}
-     <Tag {tag} />
- {/each}
-{:else}
- <p>This release has no tags</p>
-{/if}
-</script>
-```
-
-```lua {2,6-10}
-local name = "juls07"
-```
-
-## Vue Code Block With Filename
-
-```vue [pages/[...slug.vue]]
-<template>
-  <input v-model.lazy="message" />
-</template>
-```