{"id":24585599,"url":"https://github.com/ilanco/template-wp-vue-webpack","last_synced_at":"2025-07-25T07:39:01.708Z","repository":{"id":57376683,"uuid":"80066460","full_name":"ilanco/template-wp-vue-webpack","owner":"ilanco","description":"A modern starter theme for Wordpress which uses Vue 2, Vuex, Vue-router and Webpack 2","archived":false,"fork":false,"pushed_at":"2017-05-16T14:48:13.000Z","size":39,"stargazers_count":30,"open_issues_count":0,"forks_count":4,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-06T08:44:40.987Z","etag":null,"topics":["modern-starter-theme","vue","vue-router","vuex","webpack","wordpress"],"latest_commit_sha":null,"homepage":null,"language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ilanco.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-25T22:58:47.000Z","updated_at":"2024-01-09T06:04:26.000Z","dependencies_parsed_at":"2022-08-29T19:11:14.978Z","dependency_job_id":null,"html_url":"https://github.com/ilanco/template-wp-vue-webpack","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ilanco/template-wp-vue-webpack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilanco%2Ftemplate-wp-vue-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilanco%2Ftemplate-wp-vue-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilanco%2Ftemplate-wp-vue-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilanco%2Ftemplate-wp-vue-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ilanco","download_url":"https://codeload.github.com/ilanco/template-wp-vue-webpack/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ilanco%2Ftemplate-wp-vue-webpack/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266974679,"owners_count":24014970,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-25T02:00:09.625Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["modern-starter-theme","vue","vue-router","vuex","webpack","wordpress"],"created_at":"2025-01-24T05:13:59.826Z","updated_at":"2025-07-25T07:39:01.686Z","avatar_url":"https://github.com/ilanco.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# template-wp-vue-webpack\n\n\u003e A modern starter theme for Wordpress which uses Vue 2, Vuex, Vue-router and Webpack 2\n\n## Features\n\n- Webpack 2\n- Vue 2 / Vue-router / Vuex\n- Hot reloading for single-file components\n- Split vendor code from your app\n- ESLint\n- Babel 6\n- SASS\n- A boilerplate which is small and focuses on wordpress theme development\n\n## Get Started\n\nMake sure to install `node \u003e=4` and `npm \u003e=3`.\n\n### For Windows users\n\nInstall `git with unix tools` before getting started.\n\n## Usage\n\nInstall [SAO](https://github.com/egoist/sao) first.\n\nInstalling with yarn yields an error when running sao, so using npm for now.\n\n```bash\n$ sudo npm i -g sao\n```\n\n### From git\n\n```bash\n# will install the theme in the current directory\n$ sao ilanco/template-wp-vue-webpack\n\n# specify the target folder instead of using ./\n$ sao ilanco/template-wp-vue-webpack new-theme\n```\n\n### From npm\n\n```bash\n# will install the theme in the current directory\n$ sao wp-vue-webpack\n\n# specify the target folder instead of using ./\n$ sao wp-vue-webpack new-theme\n```\n\n## Development server\n\nBefore running the dev server, we need to run `npm install` (or `yarn install`)\nin the theme root folder.\n\n```bash\n# will install the necessary node modules\n$ npm instal\n```\n\nWhen all node modules are installed we can run the development server.\n\n```bash\n$ npm run dev\n```\nif you get a node-scss error run `npm rebuild node-sass`\n\nThe assets will be available from your chosen url at port 3000. The scheme is\nhttps, and the certificate needs to be added to the list of exceptions.\nNavigate with your browser to [https://website.local:3000](https://website.local:3000)\nwhere website.local is the url to your local vm or localhost. Accept the\ncertificate and navigate to your wordpress setup. The assets will be loaded\nfrom the dev server with hot module reloading enabled.\n\n## Compile for production\n\n```bash\n# will compile all assets for production\n$ npm run build:production\n```\n\n## Folder Structure\n\nThe destination folder is `./dist`.\n\n```bash\n├── assets          # theme assets\n├── build           # webpack config and build scripts\n├── dist            # bundled files and index.html\n│    ├── index.html\n│    └── [...other bundled files]\n├── lib             # wordpress specific functions\n├── templates       # wordpress template files\n├── tests           # tests\n├── node_modules    # dependencies\n├── config.json     # theme configuration\n├── package.json    # package info\n└── style.css       # wordpress style.css\n```\n\n## License\n\nMIT \u0026copy; [ilanco](https://github.com/ilanco)\n\n## Credits\n\nMade possible by [Orthodox Union](https://ou.org).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Filanco%2Ftemplate-wp-vue-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Filanco%2Ftemplate-wp-vue-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Filanco%2Ftemplate-wp-vue-webpack/lists"}