- update dependencies

- add example env and mode test (staging)
- add shims-vue.d.ts (define ts file in vue files)

src/env.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly VITE_TEST: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}

src/pages/index.vue

@@ -6,6 +6,9 @@ const go = () => {
   if (name.value)
     router.push(`/hi/${encodeURIComponent(name.value)}`)
 }
+
+const testEnv = import.meta.env.VITE_TEST
+const initNum = 1
 </script>
 
 <template>
@@ -21,11 +24,12 @@ const go = () => {
     </p>
 
     <div py-4 />
-
+    <Counter :initial="initNum" />
+    <div py-4 />
     <input
       id="input"
       v-model="name"
-      placeholder="What's your name?"
+      :placeholder="testEnv"
       type="text"
       autocomplete="false"
       p="x-4 y-2"

src/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}