Bruno Predot

Installation du projet & des principales dépendances.

Configuration du nuxt.config.ts
# Nuxt dev/build outputs
.output
.data
.nuxt
.nitro
.cache
dist
# Node dependencies
node_modules
# Logs
logs
*.log
# Misc
.DS_Store
.fleet
.idea
# Local env files
.env
.env.*
!.env.example
... ...
# Nuxt Minimal Starter
Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
## Setup
Make sure to install dependencies:
```bash
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
```
## Development Server
Start the development server on `http://localhost:3000`:
```bash
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run dev
```
## Production
Build the application for production:
```bash
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run build
```
Locally preview production build:
```bash
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run preview
```
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
... ...
<template>
<div>
<NuxtRouteAnnouncer />
<NuxtWelcome />
</div>
</template>
... ...
File mode changed
// @ts-check
import withNuxt from './.nuxt/eslint.config.mjs'
export default withNuxt(
// Your custom configs here
)
... ...
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
compatibilityDate: '2024-11-01',
devtools: { enabled: true },
app: {
head: {
title: 'TMDB Movie App',
htmlAttrs: {
lang: "fr",
},
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ name: 'description', content: 'Application de films utilisant l\'API TMDB' },
{ name: "format-detection", content: "telephone=no" },
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
}
},
// css: ['~/assets/css/main.scss'],
modules: [
'@nuxt/eslint',
'@nuxt/icon',
'@nuxt/image',
[
"@pinia/nuxt",
{
autoImports: [
// Automatically imports.
"defineStore", // Equal : import { defineStore } from 'pinia'.
["defineStore", "definePiniaStore"], // Equal : import { defineStore as definePiniaStore } from 'pinia'.
],
},
],
'pinia-plugin-persistedstate/nuxt',
'@nuxt/scripts',
'@nuxt/test-utils',
'@nuxt/ui',
'@nuxtjs/tailwindcss',
'@vueuse/nuxt',
],
// Persisted state config.
piniaPluginPersistedstate: {
storage: 'localStorage',
cookieOptions: {
sameSite: 'lax',
},
debug: true,
},
runtimeConfig: {
// The private keys which are only available server-side.
apiSecret: "123",
// Keys within public are also exposed client-side.
public: {
apiTMDBSecret: process.env.NUXT_ENV_TMDB_API_KEY,
},
},
})
\ No newline at end of file
... ...
This diff could not be displayed because it is too large.
{
"name": "nuxt-app",
"version": "0.1.0",
"private": true,
"type": "module",
"scripts": {
"build": "nuxt build",
"dev": "nuxt dev",
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare"
},
"dependencies": {
"@nuxt/eslint": "^1.3.0",
"@nuxt/icon": "^1.12.0",
"@nuxt/image": "^1.10.0",
"@nuxt/scripts": "^0.11.6",
"@nuxt/test-utils": "^3.17.2",
"@nuxt/ui": "^2.22.0",
"@pinia/nuxt": "^0.11.0",
"@unhead/vue": "^2.0.8",
"@vueuse/core": "^13.1.0",
"@vueuse/nuxt": "^13.1.0",
"eslint": "^9.25.1",
"nuxt": "^3.16.2",
"pinia": "^3.0.2",
"pinia-plugin-persistedstate": "^4.2.0",
"vue": "^3.5.13",
"vue-router": "^4.5.0"
},
"devDependencies": {
"@nuxtjs/tailwindcss": "^6.13.2"
}
}
... ...
No preview for this file type
User-Agent: *
Disallow:
... ...
{
"extends": "../.nuxt/tsconfig.server.json"
}
... ...
{
// https://nuxt.com/docs/guide/concepts/typescript
"extends": "./.nuxt/tsconfig.json"
}
... ...