elephantpink/blog

A simple blog package for Laravel 6.

dev-master 2020-06-26 09:02 UTC

Requires

• php: ^7.0
• doctrine/dbal: ^2.10
• laravel/framework: >=6.0
• laravel/passport: ^8.3

Requires (Dev)

• phpunit/phpunit: ^8.0

MIT

• Daniel Ramírez

README

Install package

 composer require elephantpink/blog 

Database: migrations and seeders

 php artisan vendor:publish --tag=epink-blog-migrations

After this, you'll find the migrations under the main database/migrations folder.

In order to create the required tables run:

 php artisan migrate

If you want sample data on the database run:

 php artisan db:seed --class=BlogSeeder

Frontend

In order to use these components you'll need to install the following node packages:

To do so execute:

 npm install lang.js laravel-mix-svg-vue svg-vue vue vue-template-compiler vue-router vuex vue-quill-editor vue-cropperjs

You can use directly the components from the vendor folder, or if you need to customize them, simply publish them to the resource folder:

 php artisan vendor:publish --tag=epink-blog-assets 

This will create two separate "events" folders under resources/js and resources/sass.

Router import example:

import eventsAdminRoutes from './blog/router'

let routes = [other routes]

routes = routes.concat(blogAdminRoutes [, other router files ])

const router = new VueRouter({ 
  routes: routes 
})

Store import example:

import Vue from 'vue'
import Vuex from 'vuex'
import blogStore from './blog/store'

Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    blog: blogStore,
  },
  ...
})

Translations import example:

import Lang from 'lang.js';
import blogTranslations from './blog/translations'

let lang = new Lang();
let fullTranslations = Object.assign({}, blogTranslations [, other translation files ])
lang.setMessages(fullTranslations)

Icons

In order to use the svg-vue icons you should add the laravel-mix-svg-vue modify your webpack.mix.js file so it has the following content:

const mix = require('laravel-mix');
require('laravel-mix-svg-vue');

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .svgVue()