Skip to content

Commit

Permalink
core: prettier plugin tailwindcss
Browse files Browse the repository at this point in the history
  • Loading branch information
medusiora committed Jun 23, 2024
1 parent a855873 commit ce5fac7
Show file tree
Hide file tree
Showing 7 changed files with 5,855 additions and 4,647 deletions.
4 changes: 3 additions & 1 deletion .prettierrc
Original file line number Diff line number Diff line change
@@ -1 +1,3 @@
{}
{
"plugins": ["prettier-plugin-tailwindcss"]
}
6 changes: 3 additions & 3 deletions components/AppHeader.vue
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<template>
<nav class="fixed top-0 left-0 bg-white z-50 h-20 w-full">
<div class="container flex items-center h-full">
<nav class="fixed left-0 top-0 z-50 h-20 w-full bg-white">
<div class="container flex h-full items-center">
<NuxtLink :to="localePath({ name: 'index' })">
<img src="~/assets/images/logo-no-background.svg" alt="Logo" />
</NuxtLink>

<div class="flex items-center gap-4 ml-auto">
<div class="ml-auto flex items-center gap-4">
<LanguageSwitcher />

<a
Expand Down
2 changes: 1 addition & 1 deletion components/LanguageSwitcher.vue
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<template>
<div class="uppercase text-xs divide-x">
<div class="divide-x text-xs uppercase">
<NuxtLink
v-for="locale in locales"
:key="locale.code"
Expand Down
5 changes: 2 additions & 3 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -26,9 +26,8 @@
"postcss-import": "^16.1.0",
"postcss-nested": "^6.0.1",
"prettier": "^3.3.2",
"prettier-plugin-tailwindcss": "^0.5.14",
"prettier-plugin-tailwindcss": "^0.6.5",
"tailwindcss": "^3.4.4",
"typescript": "^5.5.2"
},
"packageManager": "pnpm@8.15.5+sha1.a58c038faac410c947dbdb93eb30994037d0fce2"
}
}
8 changes: 4 additions & 4 deletions pages/index.vue
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
<template>
<div
class="container py-20 text-center max-w-2xl h-[calc(100vh-144px)] flex justify-center flex-col"
class="container flex h-[calc(100vh-144px)] max-w-2xl flex-col justify-center py-20 text-center"
>
<h1 class="text-5xl font-bold sm:text-7xl tracking-tight">
<h1 class="text-5xl font-bold tracking-tight sm:text-7xl">
Nuxt 3 Simple Starter
</h1>

<p class="mt-6 text-lg tracking-tight">
{{ $t("quote") }}
</p>

<div class="text-center my-8">
<div class="my-8 text-center">
<NuxtLink :to="localePath({ name: 'posts' })">
<button
type="button"
class="text-white bg-[#050708] hover:bg-[#050708]/90 focus:ring-4 focus:outline-none focus:ring-[#050708]/50 font-medium rounded-lg text-sm px-5 py-2.5 text-center"
class="rounded-lg bg-[#050708] px-5 py-2.5 text-center text-sm font-medium text-white hover:bg-[#050708]/90 focus:outline-none focus:ring-4 focus:ring-[#050708]/50"
>
{{ $t("get-started") }}
</button>
Expand Down
6 changes: 3 additions & 3 deletions pages/posts.vue
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<template>
<div class="container py-20">
<h1 class="text-5xl font-bold sm:text-7xl tracking-tight">Resources</h1>
<h1 class="text-5xl font-bold tracking-tight sm:text-7xl">Resources</h1>

<sub>
API powered by
Expand All @@ -13,11 +13,11 @@
</sub>

<section
class="my-8 p-4 text-[#050708] bg-[#f0f0f0] rounded-lg w-full text-sm whitespace-pre"
class="my-8 w-full whitespace-pre rounded-lg bg-[#f0f0f0] p-4 text-sm text-[#050708]"
>
<div v-if="pending">Loading ...</div>

<code v-else class="overflow-x-auto max-h-[50vh] block">
<code v-else class="block max-h-[50vh] overflow-x-auto">
{{ collection }}
</code>
</section>
Expand Down
Loading

0 comments on commit ce5fac7

Please sign in to comment.