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', + ], + }, +}