initial commit

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>

.gitignore

@@ -0,0 +1,9 @@
+node_modules
+*.log*
+.nuxt
+.nitro
+.cache
+.output
+.env
+.vscode
+dist

README.md

@@ -0,0 +1,42 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
+pnpm install --shamefully-hoist
+```
+
+## Development Server
+
+Start the development server on http://localhost:3000
+
+```bash
+npm run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+npm run build
+```
+
+Locally preview production build:
+
+```bash
+npm run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
+  </div>
+</template>

assets/css/tailwind.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

layouts/default.vue

@@ -0,0 +1,6 @@
+<template>
+  <div>
+    <h1>This message is from layout</h1>
+    <slot />
+  </div>
+</template>

nuxt.config.ts

@@ -0,0 +1,7 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  typescript: {
+    strict: true,
+  },
+  modules: ["@nuxtjs/tailwindcss"],
+});

package.json

@@ -0,0 +1,15 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "nuxt": "3.0.0",
+    "prettier": "^2.8.0",
+    "@nuxtjs/tailwindcss": "^6.1.3"
+  }
+}

pages/index.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+let x = ref(10);
+</script>
+
+<template>
+  <div class="text-center">
+    <h1 class="text-3xl">Index page</h1>
+    <h4>Count = {{ x }}</h4>
+    <input type="button" @click="x += 1" value="increase count" />
+  </div>
+</template>

tsconfig.json

@@ -0,0 +1,4 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "extends": "./.nuxt/tsconfig.json"
+}