Mirroring/merakiui
1
0
Fork 0
mirror of https://github.com/bakateam/merakiui.git synced 2025-12-10 15:35:34 +00:00
Code Issues Projects Releases Wiki Activity

Upgrade to tailwindcss v3

Browse Source
This commit is contained in:
khatabwedaa
2021-12-10 13:38:19 +02:00
parent 30ec6c2f48
commit b9e22969cf
8 changed files with 348 additions and 691 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
nuxt.config.js
View File

@@ -1,78 +1,106 @@
export default {
// Disable server-side rendering: https://go.nuxtjs.dev/ssr-mode
ssr: false,
// Disable server-side rendering: https://go.nuxtjs.dev/ssr-mode
ssr: false,
// Target: https://go.nuxtjs.dev/config-target
target: 'static',
// Target: https://go.nuxtjs.dev/config-target
target: "static",
googleAnalytics: {
id: "UA-167213766-1"
},
// Global page headers: https://go.nuxtjs.dev/config-head
head: {
title: 'Meraki UI Tailwind CSS Components',
htmlAttrs: {
lang: 'en'
googleAnalytics: {
id: "UA-167213766-1",
},
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: 'Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.' },
{ name: "twitter:card", content: "summary_large_image" },
{ hid: "twitter:title", name: "twitter:title", content: "Meraki UI Tailwind CSS Components" },
{
hid: "twitter:description",
name: "twitter:description",
content:
"Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.",
},
{ hid: "twitter:image", name: "twitter:image", content: 'https://raw.githubusercontent.com/bakateam/merakiui/main/assets/images/thumbnail.png' },
{ hid: "og:title", property: "og:title", content: "Meraki UI Tailwind CSS Components" },
{ property: "og:site_name", content: "Meraki UI" },
{ hid: "og:type", property: "og:type", content: "website" },
{ hid: "og:image", property: "og:image", content: 'https://raw.githubusercontent.com/bakateam/merakiui/main/assets/images/thumbnail.png' },
{
hid: "og:description",
property: "og:description",
content:
"Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.",
},
// Global page headers: https://go.nuxtjs.dev/config-head
head: {
title: "Meraki UI Tailwind CSS Components",
htmlAttrs: {
lang: "en",
},
meta: [
{ charset: "utf-8" },
{
name: "viewport",
content: "width=device-width, initial-scale=1",
},
{
hid: "description",
name: "description",
content:
"Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.",
},
{ name: "twitter:card", content: "summary_large_image" },
{
hid: "twitter:title",
name: "twitter:title",
content: "Meraki UI Tailwind CSS Components",
},
{
hid: "twitter:description",
name: "twitter:description",
content:
"Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.",
},
{
hid: "twitter:image",
name: "twitter:image",
content:
"https://raw.githubusercontent.com/bakateam/merakiui/main/assets/images/thumbnail.png",
},
{
hid: "og:title",
property: "og:title",
content: "Meraki UI Tailwind CSS Components",
},
{ property: "og:site_name", content: "Meraki UI" },
{ hid: "og:type", property: "og:type", content: "website" },
{
hid: "og:image",
property: "og:image",
content:
"https://raw.githubusercontent.com/bakateam/merakiui/main/assets/images/thumbnail.png",
},
{
hid: "og:description",
property: "og:description",
content:
"Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.",
},
],
link: [
{ rel: "icon", type: "image/x-icon", href: "/favicon.ico" },
{
rel: "stylesheet",
href: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap",
},
],
},
// Global CSS: https://go.nuxtjs.dev/config-css
css: ["@/assets/css/app.css"],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: ["~/plugins/vue-clipboard"],
// Auto import components: https://go.nuxtjs.dev/config-components
components: [
{
path: "~/components",
pathPrefix: false,
},
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
{ rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap' }
]
},
// Global CSS: https://go.nuxtjs.dev/config-css
css: [
],
// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
buildModules: ["@nuxt/postcss8", "@nuxtjs/google-analytics"],
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: [
'~/plugins/vue-clipboard'
],
// Modules: https://go.nuxtjs.dev/config-modules
modules: [],
// Auto import components: https://go.nuxtjs.dev/config-components
components: [
{
path: '~/components',
pathPrefix: false,
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
postcss: {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
},
},
],
// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
buildModules: [
'@nuxtjs/tailwindcss',
'@nuxtjs/google-analytics'
],
// Modules: https://go.nuxtjs.dev/config-modules
modules: [
],
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
}
}
};