srcdev-nuxt-forms 0.0.1 → 0.0.6

package/README.md

@@ -1,4 +1,4 @@
-# Nuxt Layer Starter
+# Nuxt Forms Layer
 
 Create Nuxt extendable layer with this GitHub template.
 
@@ -20,6 +20,13 @@ Running `pnpm dev` will prepare and boot `.playground` directory, which imports
 
 ## Distributing your theme
 
+### Release it
+CLI Prompt assisted release and versioning
+
+```bash
+npm run release
+```
+
 Your Nuxt layer is shaped exactly the same as any other Nuxt project, except you can publish it on NPM.
 
 To do so, you only have to check if `files` in `package.json` are valid, then run:

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

@@ -1,16 +1,23 @@
 <template>
     <div>
-        <input type="text" class="input-text" />
+        <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 lang="ts" setup>
-    console.log('InputText Loaded');
 </script>
 
-<style lang="css" scoped>
+<style lang="css">
     .input-text {
-        border: 1px solid #ccc;
+        border: var(--input-border-width-thin) solid var(--input-border);
+        border-radius: var(--input-border-radius);
         padding: 10px;
     }
 </style>

package/package.json

@@ -1,20 +1,25 @@
 {
   "name": "srcdev-nuxt-forms",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.6",
   "main": "./nuxt.config.ts",
+  "files": [
+    "components"
+  ],
   "scripts": {
-    "dev": "nuxi dev .playground",
-    "build": "nuxt build .playground",
-    "generate": "nuxt generate .playground",
-    "preview": "nuxt preview .playground",
+    "dev": "nuxi dev",
+    "build": "nuxt build",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
     "lint": "eslint .",
-    "postinstall": "nuxt prepare .playground"
+    "postinstall": "nuxt prepare",
+    "release": "release-it"
   },
   "devDependencies": {
     "@nuxt/eslint-config": "^0.3.13",
     "eslint": "^9.5.0",
     "nuxt": "^3.12.2",
+    "release-it": "^17.4.0",
     "typescript": "^5.5.2"
   }
 }

package/.editorconfig

@@ -1,12 +0,0 @@
-root = true
-
-[*]
-indent_size = 2
-indent_style = space
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false

package/.eslintrc.cjs

@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ["@nuxt/eslint-config"],
-};

package/.nuxtrc

@@ -1 +0,0 @@
-typescript.includeWorkspace = true

package/.playground/app.config.ts

@@ -1,5 +0,0 @@
-export default defineAppConfig({
-  myLayer: {
-    name: 'My amazing Nuxt layer (overwritten)'
-  }
-})

package/.playground/nuxt.config.ts

@@ -1,3 +0,0 @@
-export default defineNuxtConfig({
-  extends: ['..']
-})

package/app.config.ts

@@ -1,14 +0,0 @@
-export default defineAppConfig({
-  myLayer: {
-    name: 'Hello from Nuxt layer'
-  }
-})
-
-declare module '@nuxt/schema' {
-  interface AppConfigInput {
-    myLayer?: {
-      /** Project name */
-      name?: string
-    }
-  }
-}

package/app.vue

@@ -1,3 +0,0 @@
-<template>
-  <HelloWorld />
-</template>

package/components/HelloWorld.vue

@@ -1,14 +0,0 @@
-<template>
-  <div>
-    <h1>Hello World!</h1>
-    <pre>{{ myLayer }}</pre>
-    <div>
-      <InputText />
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-  const { myLayer } = useAppConfig()
-</script>
-

package/nuxt.config.ts

@@ -1,10 +0,0 @@
-// https://nuxt.com/docs/api/configuration/nuxt-config
-export default defineNuxtConfig({
-  devtools: { enabled: true },
-  components: [
-    {
-      path: "~/components",
-      pathPrefix: false
-    }
-  ],
-})

package/tsconfig.json

@@ -1,3 +0,0 @@
-{
-  "extends": "./.playground/.nuxt/tsconfig.json"
-}