Merge pull request #21 from byte-abc/bichi/dev

nuxt server 추가

apps/nuxt/.gitignore

@@ -22,4 +22,7 @@ logs
 !.env.example
 
 # graphql codegen
-/queries/codegen.ts
+/queries/codegen.ts
+
+# docker db volumes
+.db-data

apps/nuxt/app.vue → apps/nuxt/App.vue

@@ -6,5 +6,6 @@
   </q-layout>
 </template>
 <script lang="ts" setup>
-  const counter = useState('counter', () => Math.round(Math.random() * 1000))
+  const amount = 1000
+  useState('counter', () => Math.round(Math.random() * amount))
 </script>

apps/nuxt/README.md

@@ -0,0 +1,5 @@
+# Nuxt Full Stack Web Application
+
+## server nitro x apollo-server x type-graphql x prisma
+
+## client nuxt x apollo-client x tailwind

apps/nuxt/RESEARCH.md

@@ -0,0 +1,6 @@
+# Research 
+
+한번 써보고 싶은 리스트
+
+## 써볼꺼 Retake - Postgres용 하이브리드 검색 오픈소스
+https://github.com/getretake/retake 

apps/nuxt/components/Bar.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+  import {useCom1} from '~/use/use-com1'
+
+  const props = defineProps({})
+  const emit = defineEmits([])
+
+  const com1 = useCom1()
+
+  onMounted(() => {
+    com1.bar = 'bar!'
+  })
+
+  onUnmounted(() => {
+    com1.bar = ''
+  })
+</script>

apps/nuxt/components/Foo.vue

@@ -0,0 +1,16 @@
+<script setup lang="ts">
+  import {useCom1} from '~/use/use-com1'
+
+  const props = defineProps({})
+  const emit = defineEmits([])
+
+  const com1 = useCom1()
+
+  onMounted(() => {
+    com1.foo = 'foo!'
+  })
+
+  onUnmounted(() => {
+    com1.foo = ''
+  })
+</script>

apps/nuxt/components/pin-code-input/BPinCodeInput.vue

@@ -7,7 +7,12 @@
       :type="type"
       :focused="focused && index === lengthRef"
     />
-    <b-pin-code-receiver @input="onInput" @remove="onRemove" @enter="onEnter" />
+    <b-pin-code-receiver
+      class="pin-code-receiver"
+      @input="onInput"
+      @remove="onRemove"
+      @enter="onEnter"
+    />
   </div>
 </template>
 
@@ -42,7 +47,16 @@
 
 <style>
   .pin-code-input {
-    background-color: red;
-    display: flex;
+    background-color: black;
+    overflow: hidden;
+    display: inline-flex;
+    position: relative;
+  }
+  .pin-code-receiver {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
   }
 </style>

apps/nuxt/local-compose.yml

@@ -0,0 +1,12 @@
+version: "3"
+services:
+  db:
+    image: postgres:latest
+    container_name: postgres
+    ports:
+      - "5432:5432"
+    environment:
+      POSTGRES_USER: "user"
+      POSTGRES_PASSWORD: "pa22w0rd"
+    volumes:
+      - ./.db-data/:/var/lib/postgresql/data