srcdev-nuxt-forms 0.0.1 → 0.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/components/HelloWorld.vue +4 -8
  2. package/components/forms/input-text/InputText.vue +9 -10
  3. package/package.json +4 -1
  4. package/.editorconfig +0 -12
  5. package/.eslintrc.cjs +0 -4
  6. package/.nuxtrc +0 -1
  7. package/.playground/app.config.ts +0 -5
  8. package/.playground/nuxt.config.ts +0 -3
  9. package/app.config.ts +0 -14
  10. package/app.vue +0 -3
  11. package/nuxt.config.ts +0 -10
  12. package/tsconfig.json +0 -3
package/components/HelloWorld.vue CHANGED
@@ -1,14 +1,10 @@
1
+ <script setup lang="ts">
2
+ const { myLayer } = useAppConfig()
3
+ </script>
4
+
1
5
  <template>
2
6
  <div>
3
7
  <h1>Hello World!</h1>
4
8
  <pre>{{ myLayer }}</pre>
5
- <div>
6
- <InputText />
7
- </div>
8
9
  </div>
9
10
  </template>
10
-
11
- <script setup lang="ts">
12
- const { myLayer } = useAppConfig()
13
- </script>
14
-
package/components/forms/input-text/InputText.vue CHANGED
@@ -1,16 +1,15 @@
1
1
  <template>
2
2
  <div>
3
- <input type="text" class="input-text" />
3
+ <input type="text" class="input-text" v-model="formValue" />
4
4
  </div>
5
5
  </template>
6
+ <script setup lang="ts">
7
+ console.log("InputText component loaded");
6
8
 
7
- <script lang="ts" setup>
8
- console.log('InputText Loaded');
9
- </script>
9
+ const formValue = ref("");
10
+
11
+ watchEffect(() => {
12
+ console.log("Form value changed to: ", formValue.value);
13
+ });
10
14
 
11
- <style lang="css" scoped>
12
- .input-text {
13
- border: 1px solid #ccc;
14
- padding: 10px;
15
- }
16
- </style>
15
+ </script>
package/package.json CHANGED
@@ -1,8 +1,11 @@
1
1
  {
2
2
  "name": "srcdev-nuxt-forms",
3
3
  "type": "module",
4
- "version": "0.0.1",
4
+ "version": "0.0.5",
5
5
  "main": "./nuxt.config.ts",
6
+ "files": [
7
+ "components"
8
+ ],
6
9
  "scripts": {
7
10
  "dev": "nuxi dev .playground",
8
11
  "build": "nuxt build .playground",
package/.editorconfig DELETED
@@ -1,12 +0,0 @@
1
- root = true
2
-
3
- [*]
4
- indent_size = 2
5
- indent_style = space
6
- end_of_line = lf
7
- charset = utf-8
8
- trim_trailing_whitespace = true
9
- insert_final_newline = true
10
-
11
- [*.md]
12
- trim_trailing_whitespace = false
package/.eslintrc.cjs DELETED
@@ -1,4 +0,0 @@
1
- module.exports = {
2
- root: true,
3
- extends: ["@nuxt/eslint-config"],
4
- };
package/.nuxtrc DELETED
@@ -1 +0,0 @@
1
- typescript.includeWorkspace = true
package/.playground/app.config.ts DELETED
@@ -1,5 +0,0 @@
1
- export default defineAppConfig({
2
- myLayer: {
3
- name: 'My amazing Nuxt layer (overwritten)'
4
- }
5
- })
package/.playground/nuxt.config.ts DELETED
@@ -1,3 +0,0 @@
1
- export default defineNuxtConfig({
2
- extends: ['..']
3
- })
package/app.config.ts DELETED
@@ -1,14 +0,0 @@
1
- export default defineAppConfig({
2
- myLayer: {
3
- name: 'Hello from Nuxt layer'
4
- }
5
- })
6
-
7
- declare module '@nuxt/schema' {
8
- interface AppConfigInput {
9
- myLayer?: {
10
- /** Project name */
11
- name?: string
12
- }
13
- }
14
- }
package/app.vue DELETED
@@ -1,3 +0,0 @@
1
- <template>
2
- <HelloWorld />
3
- </template>
package/nuxt.config.ts DELETED
@@ -1,10 +0,0 @@
1
- // https://nuxt.com/docs/api/configuration/nuxt-config
2
- export default defineNuxtConfig({
3
- devtools: { enabled: true },
4
- components: [
5
- {
6
- path: "~/components",
7
- pathPrefix: false
8
- }
9
- ],
10
- })
package/tsconfig.json DELETED
@@ -1,3 +0,0 @@
1
- {
2
- "extends": "./.playground/.nuxt/tsconfig.json"
3
- }