nuxt-spec 0.2.0-alpha.8 → 0.2.0

package/app/app.vue

@@ -1,10 +1,10 @@
-<template>
-  <div>
-    <h1>Nuxt Spec</h1>
-    <div>
-      Test-pack layer for <a href="https://nuxt.com/">Nuxt</a> applications
-    </div>
-    <NuxtSpecTestComponent id="test" text="Test Component" />
-    <NuxtSpecApiTestComponent />
-  </div>
-</template>
+<template>
+  <div>
+    <NuxtWelcome />
+    <div>
+      Test-pack layer for <a href="https://nuxt.com/">Nuxt</a> applications
+    </div>
+    <NuxtSpecTestComponent id="test" text="Test Component" />
+    <NuxtSpecApiTestComponent />
+  </div>
+</template>

package/app/components/NuxtSpecApiTestComponent.vue

@@ -1,24 +1,24 @@
-<template>
-  <div>
-    <h2>API Test</h2>
-    <button id="api-fetch" @click="fetchData">
-      Fetch Data
-    </button>
-    <div id="api-result">
-      {{ data }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-const data = ref('')
-const fetchData = async () => {
-  try {
-    data.value = await $fetch('https://jsonplaceholder.typicode.com/posts/1')
-    console.debug('Fetched data:', data.value)
-  } catch (error) {
-    data.value = 'Error fetching data'
-    console.error('API fetch error:', error)
-  }
-}
-</script>
+<template>
+  <div>
+    <h2>API Test</h2>
+    <button id="api-fetch" @click="fetchData">
+      Fetch Data
+    </button>
+    <div id="api-result">
+      {{ data }}
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+const data = ref('')
+const fetchData = async () => {
+  try {
+    data.value = await $fetch('https://jsonplaceholder.typicode.com/posts/1')
+    console.debug('Fetched data:', data.value)
+  } catch (error) {
+    data.value = 'Error fetching data'
+    console.error('API fetch error:', error)
+  }
+}
+</script>

package/app/components/NuxtSpecTestComponent.vue

@@ -1,9 +1,9 @@
-<template>
-  <div style="margin: 1rem 0; padding: 0.5rem; border: 1px solid black;">
-    {{ text }}
-  </div>
-</template>
-
-<script setup lang="ts">
-defineProps({ text: { type: String, default: 'nuxt-spec' } })
-</script>
+<template>
+  <div style="margin: 1rem 0; padding: 0.5rem; border: 1px solid black;">
+    {{ text }}
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps({ text: { type: String, default: 'nuxt-spec' } })
+</script>

package/app/components/index.ts

@@ -0,0 +1,2 @@
+export { default as NuxtSpecTestComponent } from './NuxtSpecTestComponent.vue'
+export { default as NuxtSpecApiTestComponent } from './NuxtSpecApiTestComponent.vue'

package/app/utils/vitest-utils.ts

@@ -1,5 +1,5 @@
-// Element.checkVisibility() is not available in Vitest
-global.Element.prototype.checkVisibility = function () {
-  // in tests we always just assume the element is visible
-  return true
-}
+// Element.checkVisibility() is not available in Vitest
+global.Element.prototype.checkVisibility = function () {
+  // in tests we always just assume the element is visible
+  return true
+}

package/bin/cli.js

@@ -1,53 +1,53 @@
-#!/usr/bin/env node
-
-import { getPackageManager } from 'elrh-cosca'
-
-/**
- * CLI tool to scaffold necessary adjustments in project folder.
- *
- * Currently only allows `setup` to be passed as parameter.
- *
- * Second parameter for `setup` might be a boolean to indicate auto mode
- * (no prompts, force = true) or manual mode (with prompts, force = false).
- */
-
-// get parameters passed by user
-const args = process.argv.slice(2);
-
-// execute actions based on first param
-// additional params might be passed into the called functions
-(async () => {
-  let status = 0
-  try {
-    switch (args[0]) {
-      case 'setup':
-        await (await import('./setup.js')).specSetup(args[1] || false)
-        break
-      default:
-        console.log(`Usage: \`${getCmd()} nuxt-spec setup [true|false]\``)
-        status = 1
-    }
-  } catch (error) {
-    console.error('Setup failed:', error.message)
-    status = 1
-  }
-  process.exit(status)
-})()
-
-// try detecting what package manager was used
-// to give user appropriate usage hint
-function getCmd() {
-  const packageManager = getPackageManager()
-  switch (packageManager) {
-    case 'pnpm':
-      return 'pnpx'
-    case 'yarn':
-      return 'yarn dlx'
-    case 'bun':
-      return 'bunx'
-    case 'deno':
-      return 'deno run --allow-run npm:npx'
-    default:
-      return 'npx'
-  }
-}
+#!/usr/bin/env node
+
+import { getPackageManager } from 'elrh-cosca'
+
+/**
+ * CLI tool to scaffold necessary adjustments in project folder.
+ *
+ * Currently only allows `setup` to be passed as parameter.
+ *
+ * Second parameter for `setup` might be a boolean to indicate auto mode
+ * (no prompts, force = true) or manual mode (with prompts, force = false).
+ */
+
+// get parameters passed by user
+const args = process.argv.slice(2);
+
+// execute actions based on first param
+// additional params might be passed into the called functions
+(async () => {
+  let status = 0
+  try {
+    switch (args[0]) {
+      case 'setup':
+        await (await import('./setup.js')).specSetup(args[1] || false)
+        break
+      default:
+        console.log(`Usage: \`${getCmd()} nuxt-spec setup [true|false]\``)
+        status = 1
+    }
+  } catch (error) {
+    console.error('Setup failed:', error.message)
+    status = 1
+  }
+  process.exit(status)
+})()
+
+// try detecting what package manager was used
+// to give user appropriate usage hint
+function getCmd() {
+  const packageManager = getPackageManager()
+  switch (packageManager) {
+    case 'pnpm':
+      return 'pnpx'
+    case 'yarn':
+      return 'yarn dlx'
+    case 'bun':
+      return 'bunx'
+    case 'deno':
+      return 'deno run --allow-run npm:npx'
+    default:
+      return 'npx'
+  }
+}