Merge pull request #1 from Eisvana/dev

working app
Eisvana · Jul 22, 2024 · 4559ffd · 4559ffd
2 parents f7d7602 + cbc2881
commit 4559ffd
Show file tree

Hide file tree

Showing 14 changed files with 3,845 additions and 477 deletions.
diff --git a/index.html b/index.html
@@ -6,14 +6,14 @@
       content="width=device-width, initial-scale=1"
       name="viewport"
     />
-    <title>app-template</title>
+    <title>Eisvana Name-Fix</title>
     <script
       src="./src/main.ts"
       type="module"
     ></script>
   </head>
 
   <body>
-    <div id="app"></div>
+    <div id="app" class="container"></div>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "app-template",
+  "name": "eisvana-name-fix",
   "private": true,
   "version": "0.0.0",
   "type": "module",
@@ -12,12 +12,13 @@
   "devDependencies": {
     "@types/node": "^20.14.9",
     "@vitejs/plugin-vue": "^5.0.5",
-    "pinia": "^2.1.7",
     "prettier": "^3.3.2",
-    "sass": "^1.77.6",
     "typescript": "^5.5.3",
     "vite": "^5.3.2",
     "vue": "^3.4.31",
     "vue-tsc": "^2.0.24"
+  },
+  "dependencies": {
+    "@picocss/pico": "^2.0.6"
   }
 }
diff --git a/src/App.vue b/src/App.vue
@@ -1,7 +1,59 @@
 <script setup lang="ts">
-console.log('Hello Eisvana!');
+import { ref, computed } from 'vue';
+import systems from './assets/systems.json';
+import ListItem from './components/ListItem.vue';
+
+const searchTerm = ref('');
+
+const filteredData = computed(() => systems.filter((item) => item.Discoverer.includes(searchTerm.value)));
 </script>
 
 <template>
-  <div>Hello Eisvana!</div>
+  <header>
+    <h1>Eisvana Name-Fix</h1>
+  </header>
+  <main>
+    <search class="filter">
+      <input
+        v-model="searchTerm"
+        placeholder="Search Playername"
+        type="search"
+      />
+    </search>
+    <table>
+      <thead>
+        <tr>
+          <th>Fixed</th>
+          <th>Name</th>
+          <th>Glyphs</th>
+          <th>Expected Prefix</th>
+          <th>Discoverer</th>
+        </tr>
+      </thead>
+      <tbody>
+        <ListItem
+          v-for="data in filteredData"
+          :data
+          :key="data.Glyphs"
+        />
+      </tbody>
+    </table>
+  </main>
 </template>
+
+<style scoped>
+h1 {
+  text-align: center;
+}
+
+.list {
+  display: grid;
+  grid-template-columns: repeat(5, auto);
+  gap: 0.5rem;
+}
+
+.filter {
+  max-width: 450px;
+  margin-inline: auto;
+}
+</style>
diff --git a/src/assets/NMS-Glyphs-Mono.ttf b/src/assets/NMS-Glyphs-Mono.ttf