From 3dc5b6ea59842dfb3efd3af39c7bad7ea28b9c4f Mon Sep 17 00:00:00 2001 From: Kevin ANATOLE Date: Sun, 8 Nov 2020 19:42:50 +0000 Subject: [PATCH] Home Page - Installed TailwindUI - Changed the layout - Added a new breakpoint --- layouts/default.vue | 6 +-- package-lock.json | 41 ++++++++++++++ package.json | 1 + pages/index.vue | 128 +++++++++++++++++++++++++++++++++++++++++++- store/auth.js | 14 +++++ tailwind.config.js | 31 +++++++++++ 6 files changed, 215 insertions(+), 6 deletions(-) create mode 100644 tailwind.config.js diff --git a/layouts/default.vue b/layouts/default.vue index f919f01..f75ee51 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -29,10 +29,7 @@ leave-to-class="opacity-0" >
-
+

@@ -28,6 +28,132 @@

+
+

Popular Videos

+ +

New videos

+ +
diff --git a/store/auth.js b/store/auth.js index f37ac83..b0df50a 100644 --- a/store/auth.js +++ b/store/auth.js @@ -1,6 +1,8 @@ export const state = () => ({ token: null, loggedIn: false, + loading: false, + profile: null, }) export const mutations = { @@ -10,4 +12,16 @@ export const mutations = { setLoggedIn(state, loggedIn) { state.loggedIn = loggedIn }, + setLoading(state, loading) { + state.loading = loading + }, + setProfile(state, profile) { + state.profile = profile + }, +} + +export const actions = { + loadProfile({ commit }) { + commit('setProfile') + }, } diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..2f63c38 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,31 @@ +module.exports = { + future: { + removeDeprecatedGapUtilities: true, + purgeLayersByDefault: true, + }, + theme: { + screens: { + dark: { raw: '(prefers-color-scheme: dark)' }, + sm: '640px', + md: '768px', + lg: '1024px', + xl: '1280px', + xxl: '1920px', + }, + }, + variants: {}, + plugins: [require('@tailwindcss/ui')], + purge: { + enabled: process.env.NODE_ENV === 'production', + content: [ + 'components/**/*.vue', + 'layouts/**/*.vue', + 'pages/**/*.vue', + 'plugins/**/*.js', + 'nuxt.config.js', + // TypeScript + 'plugins/**/*.ts', + 'nuxt.config.ts', + ], + }, +}