Initial commit

2026-06-15 13:46:43 +00:00
commit 30145b1d2c
20 changed files with 5002 additions and 0 deletions
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import { ref, onMounted, onUpdated, nextTick } from 'vue'
+import { createIcons, icons } from 'lucide'
+
+const visible = ref<boolean>(false)
+
+onMounted(() => {
+  setTimeout(() => {
+    visible.value = true
+  })
+})
+onUpdated(async () => {
+  await nextTick()
+  createIcons({
+    icons,
+    nameAttr: 'icon',
+    attrs: {
+      width: '1.1em',
+      height: '1.1em',
+    },
+  })
+})
+</script>
+
+<template>
+  <main :style="{ display: visible ? 'inherit' : 'none' }">
+    <!-- TODO: 1. rename app -->
+    <h1>
+      <i icon="package"></i>
+      Vue-Boilerplate
+    </h1>
+    <br />
+    <p>
+      Fill this page with <i>whatever</i> you're going to develop.
+      <br />
+      <b>Then enjoy!</b>
+    </p>
+    <div class="button green-400">
+      <i icon="square-arrow-right"></i> This is a sample button yay
+    </div>
+    <br />
+    <hr />
+    <small class="footer">
+      <i icon="at-sign"></i>&nbsp;
+      <a href="https://git.klemek.fr/klemek" target="_blank">Kleπek</a>&nbsp; |&nbsp;
+      <!-- TODO: 1. rename app -->
+      <i icon="git-branch"></i>&nbsp;
+      <a href="https://git.klemek.fr/klemek/template" target="_blank">Repository</a>&nbsp; |&nbsp;
+      <i icon="copyright"></i>&nbsp;2026
+    </small>
+  </main>
+</template>
+
+<style scoped>
+.footer {
+  opacity: 50%;
+}
+</style>