update examples and solutions

Author: Mini-ghost

content/2.concepts/4.auto-imports/.template/files/app.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+const count = ref(0)
+</script>
+
+<template>
+  <button type="button" @click="count++">
+    count is: {{ count }}
+  </button>
+
+  <Counter />
+</template>

content/2.concepts/4.auto-imports/.template/files/components/Counter.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+const { count, increment } = useCounter()
+</script>
+
+<template>
+  <button type="button" @click="increment">
+    count is: {{ count }}
+  </button>
+</template>

content/2.concepts/4.auto-imports/.template/files/composables/counter.ts

@@ -0,0 +1,8 @@
+export function useCounter() {
+  const count = ref(0)
+  function increment() {
+    count.value++
+  }
+
+  return { count, increment }
+}

content/2.concepts/4.auto-imports/.template/files/utils/double.ts

@@ -0,0 +1 @@
+// Challenge

content/2.concepts/4.auto-imports/.template/index.ts

@@ -0,0 +1,8 @@
+import type { GuideMeta } from '~/types/guides'
+
+export const meta: GuideMeta = {
+  startingFile: 'app.vue',
+  features: {
+    fileTree: true,
+  },
+}

content/2.concepts/4.auto-imports/.template/solutions/app.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+const count = ref(0)
+</script>
+
+<template>
+  <button type="button" @click="count++">
+    count is: {{ count }}
+  </button>
+
+  <p>double is: {{ double(count) }}</p>
+
+  <Counter />
+</template>

content/2.concepts/4.auto-imports/.template/solutions/components/Counter.vue

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+const { count, increment } = useCounter()
+</script>
+
+<template>
+  <button type="button" @click="increment">
+    count is: {{ count }}
+  </button>
+</template>

content/2.concepts/4.auto-imports/.template/solutions/composables/counter.ts

@@ -0,0 +1,8 @@
+export function useCounter() {
+  const count = ref(0)
+  function increment() {
+    count.value++
+  }
+
+  return { count, increment }
+}

content/2.concepts/4.auto-imports/.template/solutions/utils/double.ts

@@ -0,0 +1,3 @@
+export function double(n: number): number {
+  return n * 2
+}