{"id":25735510,"url":"https://github.com/fork/vite-plugin-twigjs-loader","last_synced_at":"2025-05-07T23:07:32.096Z","repository":{"id":279431254,"uuid":"938792623","full_name":"fork/vite-plugin-twigjs-loader","owner":"fork","description":null,"archived":false,"fork":false,"pushed_at":"2025-02-25T14:43:14.000Z","size":12,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-05-07T23:07:27.384Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fork.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-25T14:08:54.000Z","updated_at":"2025-03-07T16:19:01.000Z","dependencies_parsed_at":"2025-02-25T14:53:08.496Z","dependency_job_id":"ede32172-5d4a-4083-8f1a-bb632ac3b457","html_url":"https://github.com/fork/vite-plugin-twigjs-loader","commit_stats":null,"previous_names":["fork/vite-plugin-twigjs-loader"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fork%2Fvite-plugin-twigjs-loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fork%2Fvite-plugin-twigjs-loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fork%2Fvite-plugin-twigjs-loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fork%2Fvite-plugin-twigjs-loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fork","download_url":"https://codeload.github.com/fork/vite-plugin-twigjs-loader/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252968118,"owners_count":21833251,"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","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":[],"created_at":"2025-02-26T05:30:58.242Z","updated_at":"2025-05-07T23:07:32.049Z","avatar_url":"https://github.com/fork.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"A simple vite loader plugin - https://www.npmjs.com/package/vite-plugin-twigjs-loader\n\n1. Installation\n```bash\nnpm install -D vite-plugin-twigjs-loader\n```\n\n2. Add to your vite config\n\n```javascript\n// vite.config.js\nimport vue from '@vitejs/plugin-vue';\nimport twig from 'vite-plugin-twigjs-loader';\n\nexport default ({ command }) =\u003e ({\n  plugins: [\n    vue(),\n    twig({\n      namespaces: { '@projects': __dirname }, // // allows imports like this: '{% from \"@projects/src/helper.html.twig\" import some_helper_function %}'\n      strict_variables: true\n    }),\n  ],\n  resolve: {\n    alias: {\n      '@project': __dirname\n    }\n  }\n});\n```\n\n3. Import twig components. This example shows using the plugin in a storybook story.\n\n```javascript\n// src/components/your-twig-components/YourTwigComponent.stories.js\n// this is a function you can call, that renders to html via twigjs\nimport YourTwigComponent from './YourTwigComponent.twig';\n\nexport default {\n  title: 'Components/YourTwigComponentStoryName',\n};\n\nconst Template = args =\u003e ({\n  template: YourTwigComponent({\n    test: 'This string will be usable as \"test\" in your twig component'\n  })\n});\n\nexport const StoryName = Template.bind({});\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffork%2Fvite-plugin-twigjs-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffork%2Fvite-plugin-twigjs-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffork%2Fvite-plugin-twigjs-loader/lists"}