├── includes ├── index.php ├── Views │ └── MyView.php ├── .DS_Store ├── Classes │ ├── LoadAssets.php │ ├── Activator.php │ └── Vite.php ├── global_functions.php └── autoload.php ├── index.php ├── src ├── scss │ └── admin │ │ ├── app.scss │ │ └── global_css.scss ├── assets │ └── tailwind.css ├── github-images │ └── dashboard.png ├── admin │ ├── Bits │ │ ├── elements.js │ │ ├── AJAX.js │ │ └── AppMixins.js │ ├── Components │ │ ├── Admin.vue │ │ ├── Contact.vue │ │ └── Dashboard.vue │ ├── routes.js │ └── start.js └── env │ ├── development_mode.js │ └── production_mode.js ├── postcss.config.js ├── tailwind.config.js ├── readme.txt ├── languages └── wp-boilerplate-vue-with-vite.pot ├── package.json ├── vite.config.js ├── .gitignore ├── aladin.js ├── README.md ├── plugin-entry.php └── yarn.lock /includes/index.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 2 |
My view content here
4 | -------------------------------------------------------------------------------- /src/assets/tailwind.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | 3 | @tailwind components; 4 | 5 | @tailwind utilities; 6 | -------------------------------------------------------------------------------- /includes/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hasanuzzamanbe/wp-boilerplate-vue-with-vite/HEAD/includes/.DS_Store -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {} 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /src/github-images/dashboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hasanuzzamanbe/wp-boilerplate-vue-with-vite/HEAD/src/github-images/dashboard.png -------------------------------------------------------------------------------- /src/admin/Bits/elements.js: -------------------------------------------------------------------------------- 1 | import { createApp } from 'vue'; 2 | 3 | import '../../assets/tailwind.css'; 4 | 5 | const app = createApp({}); 6 | 7 | export default app; 8 | -------------------------------------------------------------------------------- /tailwind.config.js: -------------------------------------------------------------------------------- 1 | import('tailwindcss').Config 2 | module.exports = { 3 | content: ['./public/**/*.html', './src/**/*.{vue,js,ts,jsx,tsx}'], 4 | theme: { 5 | extend: {}, 6 | }, 7 | plugins: [], 8 | } 9 | -------------------------------------------------------------------------------- /includes/Classes/LoadAssets.php: -------------------------------------------------------------------------------- 1 | 2 |No need to reload your page 🥳
8 |No need to reload your page 🥳
8 | Read the dev docs 9 |81 | No need to enqueue production manually again, It will enqueue from manifest on production. Just call `Vite::enqueueScript()`
82 | 83 | `Vite::enqueueScript('my-plugin-script-boot', 'admin/start.js', array('jquery'), PLUGIN_CONST_VERSION, true)` 84 | 85 | `Vite::enqueueStyle('my-plugin-style', 'scss/my-style.js', array(), PLUGIN_CONST_VERSION, true)` 86 | 87 | 88 | 89 | 90 |