Initial setup

.editorconfig

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

.gitignore

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

app.vue

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

assets/css/main.css

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

content/blog/la-prochaine-releve.md

@@ -0,0 +1 @@
+# La prochaine relève Front-End

nuxt.config.ts

@@ -0,0 +1,15 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  modules: [
+    '@nuxt/content'
+  ],
+
+  css: ['~/assets/css/main.css'],
+
+  postcss: {
+    plugins: {
+      tailwindcss: {},
+      autoprefixer: {},
+    },
+  },
+})

package.json

@@ -0,0 +1,17 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "@nuxt/content": "^2.2.2",
+    "autoprefixer": "^10.4.13",
+    "nuxt": "3.0.0",
+    "postcss": "^8.4.19",
+    "tailwindcss": "^3.2.4"
+  }
+}

pages/blog/[slug].vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { MarkdownParsedContent } from '@nuxt/content/dist/runtime/types';
+
+const route = useRoute()
+
+const { data } = await useAsyncData('article', () => queryContent<MarkdownParsedContent>(`/blog/${route.params.slug}`).findOne())
+
+if (!data.value?.title) {
+  throw showError({ statusCode: 404, statusMessage: 'Aucun article ici !'})
+}
+</script>
+
+<template>
+  <main>
+    <ContentRenderer v-if="data" :value="data" />
+  </main>
+</template>

pages/blog/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Blog
+  </div>
+</template>

pages/error.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Erreur
+  </div>
+</template>

pages/index.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    Accueil
+  </div>
+</template>

tailwind.config.js

@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: [
+        "./components/**/*.{js,vue,ts}",
+        "./layouts/**/*.vue",
+        "./pages/**/*.vue",
+        "./plugins/**/*.{js,ts}",
+        "./nuxt.config.{js,ts}",
+        "./app.vue",
+    ],
+    theme: {
+        extend: {},
+    },
+    plugins: [],
+}

tsconfig.json

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