srcdev-nuxt-forms 0.0.16 → 0.0.17

package/nuxt.config.ts

@@ -8,7 +8,7 @@ export default defineNuxtConfig({
   components: [
     {
       path: '~/components',
-      pathPrefix: false,
+      pathPrefix: true,
     },
   ],
 })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "srcdev-nuxt-forms",
   "type": "module",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "main": "./nuxt.config.ts",
   "scripts": {
     "reinstall": "rm -rf node_modules && npm install",

package/pages/index.vue

@@ -9,13 +9,12 @@
             <template #default>
               <form>
                 <p>Form content</p>
-                <FormsUiField width="wide" :has-gutter="true">
+                <FormsUiFormField width="wide" :has-gutter="true">
                   <template #default>
                     <p>Input text</p>
                     <FormsInputTextCore />
-                    <InputTextCore />
                   </template>
-                </FormsUiField>
+                </FormsUiFormField>
               </form>
             </template>
           </FormsUiFormWrapper>

package/components/forms/input-text/InputTextCore.vue

@@ -1,22 +0,0 @@
-<template>
-  <div>
-    <input type="text" class="input-text" v-model="formValue" />
-  </div>
-</template>
-<script setup lang="ts">
-console.log('InputText component loaded')
-
-const formValue = ref('')
-
-watchEffect(() => {
-  console.log('Form value changed to: ', formValue.value)
-})
-</script>
-
-<style lang="css">
-.input-text {
-  border: var(--input-border-width-thin) solid var(--input-border);
-  border-radius: var(--input-border-radius);
-  padding: 10px;
-}
-</style>