From 734364938c466a8f0db6ceea22c3b94791875089 Mon Sep 17 00:00:00 2001
From: fatm <fatima.mazhit@gmail.com>
Date: Tue, 4 Apr 2023 16:18:40 +0600
Subject: [PATCH] upd: nuxt guide for nuxt 3.3

---
 .nuxt-guide/README.md | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/.nuxt-guide/README.md b/.nuxt-guide/README.md
index 106951c3..dd8dc96e 100644
--- a/.nuxt-guide/README.md
+++ b/.nuxt-guide/README.md
@@ -52,7 +52,7 @@ import { defineNuxtConfig } from 'nuxt'
 
 // https://v3.nuxtjs.org/api/configuration/nuxt.config
 export default defineNuxtConfig({
-  buildModules: [
+  modules: [
     '@pinia/nuxt',
   ],
   postcss: {
@@ -85,12 +85,14 @@ module.exports = {
 }
 ```
 
+Remove `require("@tailwindcss/line-clamp")`.
+
 #### In App.vue
 
 ```vue
 <script setup>
 import { useStyleStore } from '@/stores/style.js'
-import { darkModeKey, styleKey } from '@/config.js'
+import { darkModeKey, styleKey } from '@/configs/config.js'
 
 useHead({
   titleTemplate: (titleChunk) => {
@@ -224,10 +226,20 @@ Then, wrap the entire template with `<div>` and replace `<LayoutGuest>` with `<N
 
 ## Replace `<RouterLink>` with `<NuxtLink>`
 
-Details are coming soon...
+Replace `RouterLink` with `NuxtLink` and put import from components:
+
+```js
+import { NuxtLink } from '#components'
+
+//...
+        return NuxtLink;
+//...
+```
 
 ## Remove/update imports
 
+Move `components/Charts/chart.config.js` to `configs/` directory. And update import as `import * as chartConfig from "~/configs/chart.config";`.
+
 Nuxt automatically imports any components in your `components/` directory. So, you may safely remove that imports from `<script setup>`. The only exception is for `components/Charts`, so charts import should be left as is.
 
 ## Contributions open