feat: render image in background

app/app.vue

@@ -1,3 +1,42 @@
+<!-- <template>
+  <div
+    :style="{
+      position: 'relative',
+      width: '256px',
+      transformOrigin: 'top left',
+    }"
+  >
+    <div
+      :style="{
+        boxSizing: 'border-box',
+        width: '256px',
+        height: '192px',
+      }"
+    >
+      <img src="/assets/background.png" />
+
+      <div
+        :style="{
+          position: 'absolute',
+          display: 'grid',
+          gap: '1px',
+          top: 'calc(4 * 16px)',
+          right: 'calc(1 * 16px + 1px)',
+          gridTemplateRows: 'repeat(5, 15px)',
+          gridTemplateColumns: 'repeat(7, 15px)',
+        }"
+      >
+        <div
+          v-for="i in 5 * 7"
+          :key="i"
+          :style="{ display: 'flex', flexDirection: 'column' }"
+        >
+          <span :style="{ fontSize: '12px' }">8</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template> -->
 <template>
   <Screen>
     <Background />