Initialize Vue docker branch with Drone pipeline

src/App.vue

@@ -0,0 +1,11 @@
+<template>
+  <main class="app-shell">
+    <section class="card">
+      <p class="eyebrow">cdchen/frontend</p>
+      <h1>Vue Docker Branch</h1>
+      <p class="copy">
+        This branch is initialized for Drone-driven Docker deployment.
+      </p>
+    </section>
+  </main>
+</template>

src/main.js

@@ -0,0 +1,5 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import './style.css'
+
+createApp(App).mount('#app')

src/style.css

@@ -0,0 +1,47 @@
+:root {
+  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  color: #e5eef6;
+  background: #0f1720;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+}
+
+.app-shell {
+  min-height: 100vh;
+  display: grid;
+  place-items: center;
+  padding: 24px;
+  background: linear-gradient(135deg, #0f1720, #1f2937);
+}
+
+.card {
+  width: min(100%, 560px);
+  padding: 32px;
+  border-radius: 8px;
+  background: rgba(15, 23, 32, 0.88);
+  border: 1px solid rgba(148, 163, 184, 0.18);
+  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
+}
+
+.eyebrow {
+  margin: 0 0 12px;
+  color: #7dd3fc;
+  font-size: 14px;
+}
+
+h1 {
+  margin: 0 0 12px;
+  font-size: 32px;
+}
+
+.copy {
+  margin: 0;
+  color: #cbd5e1;
+  line-height: 1.6;
+}