chore: wip

Author: chrisbbreuer

lang/en.yml

@@ -10,5 +10,5 @@ intro:
   dynamic-route: Demo of dynamic route
   hi: Hi, {name}!
   aka: Also known as
-  whats-your-name: What's your name?
+  whats-your-name: "What's your name?"
 not-found: Not found

resources/views/index.vue

@@ -40,15 +40,37 @@ const { t } = useI18n()
 </script>
 
 <template>
-  <div class="bg-white h-full flex flex-col items-center justify-center">
-    <div class="border-2 border-gray-100 p-4 rounded">
-      <h1 class="text-gray-900 text-7xl tracking-tight uppercase font-semibold">
-        Stacks
-      </h1>
+  <div>
+    <div class="text-4xl">
+      <div class="i-carbon-campsite inline-block" />
     </div>
+    <p>
+      <a rel="noreferrer" href="https://github.com/stacksjs/stacks" target="_blank">
+        Stacks
+      </a>
+    </p>
+    <p>
+      <em class="text-sm opacity-75">{{ t('intro.desc') }}</em>
+    </p>
+
+    <div class="py-4" />
 
-    <h2 class="text-gray-700 text-2xl pt-6 tracking-tighter">
-      Coming soon, 2024 — in a fresh paint.
-    </h2>
+    <TheInput
+      v-model="name"
+      :placeholder="t('intro.whats-your-name')"
+      autocomplete="false"
+      @keydown.enter="go"
+    />
+    <label class="hidden" for="input">{{ t('intro.whats-your-name') }}</label>
+
+    <div>
+      <button
+        class="m-3 text-sm btn"
+        :disabled="!name"
+        @click="go"
+      >
+        {{ t('button.go') }}
+      </button>
+    </div>
   </div>
 </template>

storage/framework/.stacks/core/vite/src/views.ts

@@ -10,10 +10,12 @@ import Layouts from 'vite-plugin-vue-layouts'
 import { autoImports } from './plugin/auto-imports'
 import { components } from './plugin/components'
 import { layouts } from './plugin/layouts'
+import { fonts } from './plugin/fonts'
+// import { i18n } from './plugin/i18n'
+import VueI18n from '@intlify/unplugin-vue-i18n/vite'
 // import AutoImport from 'unplugin-auto-import/vite'
 import Markdown from 'unplugin-vue-markdown/vite'
 import VueMacros from 'unplugin-vue-macros/vite'
-import VueI18n from '@intlify/unplugin-vue-i18n/vite'
 import { VitePWA } from 'vite-plugin-pwa'
 import VueDevTools from 'vite-plugin-vue-devtools'
 import LinkAttributes from 'markdown-it-link-attributes'
@@ -167,6 +169,7 @@ export default defineConfig({
     }),
 
     // https://github.com/intlify/bundle-tools/tree/main/packages/unplugin-vue-i18n
+    // i18n(),
     VueI18n({
       runtimeOnly: true,
       compositionOnly: true,
@@ -177,7 +180,7 @@ export default defineConfig({
     }),
 
     // https://github.com/feat-agency/vite-plugin-webfont-dl
-    WebfontDownload(),
+    fonts(),
 
     // https://github.com/webfansplz/vite-plugin-vue-devtools
     VueDevTools(),