{"_path":"/guide/get-started","_draft":false,"_partial":false,"_locale":"en","_empty":false,"title":"Setting up a theme","description":"Create a theme from your Nuxt app in a few simple steps.","excerpt":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"A theme share a similar structure as any other "},{"type":"element","tag":"a","props":{"href":"https://v3.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt"}]},{"type":"text","value":" project."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Turning a Nuxt project into a theme is as easy as adding a module and configuring it."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Let's walk through the steps of this process:"}]},{"type":"element","tag":"h2","props":{"id":"add-the-module"},"children":[{"type":"text","value":"Add the module"}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code","props":{"code":"yarn add --dev @nuxt-themes/config\n","filename":"Yarn","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"yarn add --dev @nuxt-themes/config\n"}]}]}]},{"type":"element","tag":"code","props":{"code":"npm install @nuxt-themes/config --save-dev\n","filename":"NPM","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"npm install @nuxt-themes/config --save-dev\n"}]}]}]}]},{"type":"element","tag":"code","props":{"code":"export default defineNuxtConfig({\n  modules: [\n    '@nuxt-themes/config/module'\n  ]\n})\n","filename":"nuxt.config.ts","language":"ts"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"export default defineNuxtConfig({\n  modules: [\n    '@nuxt-themes/config/module'\n  ]\n})\n"}]}]}]},{"type":"element","tag":"alert","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"icon","props":{"class":"inline-block mr-1","name":"noto:information"},"children":[]},{"type":"text","value":" As "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"@nuxt-themes/config"}]},{"type":"text","value":" provides integrations with other "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt modules"}]},{"type":"text","value":", you might want to add it as the first module of the list."}]}]},{"type":"element","tag":"h2","props":{"id":"define-theme-metas"},"children":[{"type":"text","value":"Define theme metas"}]},{"type":"element","tag":"code","props":{"code":"export default defineNuxtConfig({\n  theme: {\n    meta: {\n      name: 'My Awesome Theme',\n      description: 'A really cool theme for your Nuxt app.',\n      author: '@Tahul',\n      url: 'https://myawesometheme.com',\n    }\n  },\n  modules: [\n    '@nuxt-themes/config/module'\n  ]\n})\n","filename":"nuxt.config.ts","language":"ts"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"export default defineNuxtConfig({\n  theme: {\n    meta: {\n      name: 'My Awesome Theme',\n      description: 'A really cool theme for your Nuxt app.',\n      author: '@Tahul',\n      url: 'https://myawesometheme.com',\n    }\n  },\n  modules: [\n    '@nuxt-themes/config/module'\n  ]\n})\n"}]}]}]},{"type":"element","tag":"alert","props":{"type":"success"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"icon","props":{"class":"inline-block mr-1","name":"noto:sparkles"},"children":[]},{"type":"text","value":" Bravo! Your Nuxt app is now a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"theme"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"h2","props":{"id":"prepare-for-release"},"children":[{"type":"text","value":"Prepare for release"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Releasing a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt Theme"}]},{"type":"text","value":" is as easy as publishing your Nuxt app on "},{"type":"element","tag":"a","props":{"href":"https://npmjs.com/","rel":["nofollow"]},"children":[{"type":"text","value":"NPM"}]},{"type":"text","value":"!"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Let's prepare your project for this."}]},{"type":"element","tag":"code","props":{"code":"{\n  \"name\": \"my-nuxt-theme\",\n  \"version\": \"1.0.0\",\n  \"description\": \"Toolkit for authoring Nuxt Themes\",\n  \"main\": \"./nuxt.config.ts\",\n  \"exports\": {\n    \".\": \"./nuxt.config.ts\",\n    \"./*\": \"./*/*.*\"\n  },\n}\n","filename":"package.json","language":"json"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"{\n  \"name\": \"my-nuxt-theme\",\n  \"version\": \"1.0.0\",\n  \"description\": \"Toolkit for authoring Nuxt Themes\",\n  \"main\": \"./nuxt.config.ts\",\n  \"exports\": {\n    \".\": \"./nuxt.config.ts\",\n    \"./*\": \"./*/*.*\"\n  },\n}\n"}]}]}]},{"type":"element","tag":"code","props":{"code":"npm publish --access public\n+ my-nuxt-theme@1.0.0\nYour theme is published ✨\n","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"npm publish --access public\n+ my-nuxt-theme@1.0.0\nYour theme is published ✨\n"}]}]}]},{"type":"element","tag":"h2","props":{"id":"use-your-theme"},"children":[{"type":"text","value":"Use your theme"}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code","props":{"code":"npm install my-nuxt-theme --save-dev\n","filename":"NPM","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"npm install my-nuxt-theme --save-dev\n"}]}]}]},{"type":"element","tag":"code","props":{"code":"yarn add --dev my-nuxt-theme\n","filename":"Yarn","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"yarn add --dev my-nuxt-theme\n"}]}]}]}]},{"type":"element","tag":"code","props":{"code":"export default defineNuxtConfig({\n  extends: ['my-nuxt-theme'],\n  app: {\n    theme: {\n      // Your theme options\n      options: {},\n      // Your theme design tokens\n      tokens: {}\n    }\n  }\n})\n","filename":"nuxt.config.ts","language":"ts"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"export default defineNuxtConfig({\n  extends: ['my-nuxt-theme'],\n  app: {\n    theme: {\n      // Your theme options\n      options: {},\n      // Your theme design tokens\n      tokens: {}\n    }\n  }\n})\n"}]}]}]},{"type":"element","tag":"code","props":{"code":"yarn dev\n \nNuxt CLI v3.0.0-rc.4\n> Local:    http://localhost:3000\n \nℹ @nuxt-themes/config v1.0.0 enabled!\nℹ Using My Awesome Theme by @Tahul\n✔ Tokens built succesfully! \n \nYou are now using your theme 🎉\n","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"text","value":"yarn dev\n \nNuxt CLI v3.0.0-rc.4\n> Local:    http://localhost:3000\n \nℹ @nuxt-themes/config v1.0.0 enabled!\nℹ Using My Awesome Theme by @Tahul\n✔ Tokens built succesfully! \n \nYou are now using your theme 🎉\n"}]}]}]}]},"toc":true,"body":{"type":"root","children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"A theme share a similar structure as any other "},{"type":"element","tag":"a","props":{"href":"https://v3.nuxtjs.org","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt"}]},{"type":"text","value":" project."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Turning a Nuxt project into a theme is as easy as adding a module and configuring it."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Let's walk through the steps of this process:"}]},{"type":"element","tag":"h2","props":{"id":"add-the-module"},"children":[{"type":"text","value":"Add the module"}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code","props":{"code":"yarn add --dev @nuxt-themes/config\n","filename":"Yarn","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"yarn add --dev @nuxt-themes/config"}]}]}]}]}]},{"type":"element","tag":"code","props":{"code":"npm install @nuxt-themes/config --save-dev\n","filename":"NPM","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"npm install @nuxt-themes/config --save-dev"}]}]}]}]}]}]},{"type":"element","tag":"code","props":{"code":"export default defineNuxtConfig({\n  modules: [\n    '@nuxt-themes/config/module'\n  ]\n})\n","filename":"nuxt.config.ts","language":"ts"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-ecf4c4"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-ecf4c4"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-162ef1"},"children":[{"type":"text","value":"defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"modules"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": ["}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"'@nuxt-themes/config/module'"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  ]"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"})"}]}]}]}]}]},{"type":"element","tag":"alert","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"icon","props":{"class":"inline-block mr-1","name":"noto:information"},"children":[]},{"type":"text","value":" As "},{"type":"element","tag":"code-inline","props":{},"children":[{"type":"text","value":"@nuxt-themes/config"}]},{"type":"text","value":" provides integrations with other "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt modules"}]},{"type":"text","value":", you might want to add it as the first module of the list."}]}]},{"type":"element","tag":"h2","props":{"id":"define-theme-metas"},"children":[{"type":"text","value":"Define theme metas"}]},{"type":"element","tag":"code","props":{"code":"export default defineNuxtConfig({\n  theme: {\n    meta: {\n      name: 'My Awesome Theme',\n      description: 'A really cool theme for your Nuxt app.',\n      author: '@Tahul',\n      url: 'https://myawesometheme.com',\n    }\n  },\n  modules: [\n    '@nuxt-themes/config/module'\n  ]\n})\n","filename":"nuxt.config.ts","language":"ts"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-ecf4c4"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-ecf4c4"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-162ef1"},"children":[{"type":"text","value":"defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"theme"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": {"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"meta"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": {"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"name"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"'My Awesome Theme'"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"'A really cool theme for your Nuxt app.'"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"author"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"'@Tahul'"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"url"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"'https://myawesometheme.com'"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"    }"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  },"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"modules"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": ["}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"'@nuxt-themes/config/module'"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  ]"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"})"}]}]}]}]}]},{"type":"element","tag":"alert","props":{"type":"success"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"icon","props":{"class":"inline-block mr-1","name":"noto:sparkles"},"children":[]},{"type":"text","value":" Bravo! Your Nuxt app is now a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"theme"}]},{"type":"text","value":"."}]}]},{"type":"element","tag":"h2","props":{"id":"prepare-for-release"},"children":[{"type":"text","value":"Prepare for release"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Releasing a "},{"type":"element","tag":"strong","props":{},"children":[{"type":"text","value":"Nuxt Theme"}]},{"type":"text","value":" is as easy as publishing your Nuxt app on "},{"type":"element","tag":"a","props":{"href":"https://npmjs.com/","rel":["nofollow"]},"children":[{"type":"text","value":"NPM"}]},{"type":"text","value":"!"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Let's prepare your project for this."}]},{"type":"element","tag":"code","props":{"code":"{\n  \"name\": \"my-nuxt-theme\",\n  \"version\": \"1.0.0\",\n  \"description\": \"Toolkit for authoring Nuxt Themes\",\n  \"main\": \"./nuxt.config.ts\",\n  \"exports\": {\n    \".\": \"./nuxt.config.ts\",\n    \"./*\": \"./*/*.*\"\n  },\n}\n","filename":"package.json","language":"json"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"{"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"\"name\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"\"my-nuxt-theme\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"\"version\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"\"1.0.0\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"\"description\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"\"Toolkit for authoring Nuxt Themes\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"\"main\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"\"./nuxt.config.ts\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"\"exports\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": {"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"\".\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"\"./nuxt.config.ts\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"\"./*\""}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"\"./*/*.*\""}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  },"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"}"}]}]}]}]}]},{"type":"element","tag":"code","props":{"code":"npm publish --access public\n+ my-nuxt-theme@1.0.0\nYour theme is published ✨\n","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"npm publish --access public"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"+ my-nuxt-theme@1.0.0"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"Your theme is published ✨"}]}]}]}]}]},{"type":"element","tag":"h2","props":{"id":"use-your-theme"},"children":[{"type":"text","value":"Use your theme"}]},{"type":"element","tag":"code-group","props":{},"children":[{"type":"element","tag":"code","props":{"code":"npm install my-nuxt-theme --save-dev\n","filename":"NPM","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"npm install my-nuxt-theme --save-dev"}]}]}]}]}]},{"type":"element","tag":"code","props":{"code":"yarn add --dev my-nuxt-theme\n","filename":"Yarn","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"yarn add --dev my-nuxt-theme"}]}]}]}]}]}]},{"type":"element","tag":"code","props":{"code":"export default defineNuxtConfig({\n  extends: ['my-nuxt-theme'],\n  app: {\n    theme: {\n      // Your theme options\n      options: {},\n      // Your theme design tokens\n      tokens: {}\n    }\n  }\n})\n","filename":"nuxt.config.ts","language":"ts"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-ecf4c4"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-ecf4c4"},"children":[{"type":"text","value":"default"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":" "}]},{"type":"element","tag":"span","props":{"class":"ct-162ef1"},"children":[{"type":"text","value":"defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"extends"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": ["}]},{"type":"element","tag":"span","props":{"class":"ct-e3cce7"},"children":[{"type":"text","value":"'my-nuxt-theme'"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"],"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"app"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": {"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"    "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"theme"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": {"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-5b3b07"},"children":[{"type":"text","value":"// Your theme options"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"options"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": {},"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-5b3b07"},"children":[{"type":"text","value":"// Your theme design tokens"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"      "}]},{"type":"element","tag":"span","props":{"class":"ct-3e9dfb"},"children":[{"type":"text","value":"tokens"}]},{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":": {}"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"    }"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"  }"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"})"}]}]}]}]}]},{"type":"element","tag":"code","props":{"code":"yarn dev\n \nNuxt CLI v3.0.0-rc.4\n> Local:    http://localhost:3000\n \nℹ @nuxt-themes/config v1.0.0 enabled!\nℹ Using My Awesome Theme by @Tahul\n✔ Tokens built succesfully! \n \nYou are now using your theme 🎉\n","language":"bash"},"children":[{"type":"element","tag":"pre","props":{},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"yarn dev"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"Nuxt CLI v3.0.0-rc.4"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"> Local:    http://localhost:3000"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"ℹ @nuxt-themes/config v1.0.0 enabled!"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"ℹ Using My Awesome Theme by @Tahul"}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"✔ Tokens built succesfully! "}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":" "}]}]},{"type":"element","tag":"span","props":{"class":"line"},"children":[{"type":"element","tag":"span","props":{"class":"ct-1b297c"},"children":[{"type":"text","value":"You are now using your theme 🎉"}]}]}]}]}]},{"type":"element","tag":"style","children":[{"type":"text","value":".ct-5b3b07{color:#7F848E}.ct-e3cce7{color:#98C379}.ct-3e9dfb{color:#E06C75}.ct-162ef1{color:#61AFEF}.ct-ecf4c4{color:#C678DD}.ct-1b297c{color:#ABB2BF}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"add-the-module","depth":2,"text":"Add the module"},{"id":"define-theme-metas","depth":2,"text":"Define theme metas"},{"id":"prepare-for-release","depth":2,"text":"Prepare for release"},{"id":"use-your-theme","depth":2,"text":"Use your theme"}]}},"_type":"markdown","_id":"content:1.guide:2.get-started.md","_source":"content","_file":"1.guide/2.get-started.md","_extension":"md"}