feat: localize assets and enrich default data

templates/index.html

@@ -4,9 +4,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>SaaS 竞品对比图工坊</title>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
-    <script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
+    <script src="/static/js/tailwindcss.js"></script>
+    <script src="/static/js/vue.global.js"></script>
+    <script src="/static/js/html2canvas.min.js"></script>
     <!-- Phosphor Icons -->
     <script src="https://unpkg.com/@phosphor-icons/web"></script>
     <style>
@@ -234,10 +234,12 @@
 
                 const rows = ref([
                     { id: 'r1', name: 'Unlimited Projects' },
-                    { id: 'r2', name: '24/7 Support' },
-                    { id: 'r3', name: 'Custom Domain' },
+                    { id: 'r2', name: 'Team Collaboration' },
+                    { id: 'r3', name: 'Analytics Dashboard' },
                     { id: 'r4', name: 'API Access' },
-                    { id: 'r5', name: 'White Labeling' }
+                    { id: 'r5', name: 'Custom Domain' },
+                    { id: 'r6', name: 'SSO / SAML' },
+                    { id: 'r7', name: '24/7 Priority Support' }
                 ]);
 
                 // Map of rowId -> { colId -> { type: 'check'|'cross'|'dash'|'text', value: '' } }