Skip to content

Commit bd65d50

Browse files
devCrossNetdevCrossNet
committed
initial commit
0 parents  commit bd65d50

21 files changed

+41394
-0
lines changed

‎.editorconfig

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# editorconfig.org
2+
root = true
3+
4+
[*]
5+
indent_size = 2
6+
indent_style = space
7+
end_of_line = lf
8+
charset = utf-8
9+
trim_trailing_whitespace = true
10+
insert_final_newline = true
11+
12+
[*.md]
13+
trim_trailing_whitespace = false

‎.eslintignore

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
# Common
2+
node_modules
3+
dist
4+
.nuxt
5+
coverage
6+
7+
# Plugin
8+
lib/plugin.js

‎.eslintrc.js

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
module.exports = {
2+
root: true,
3+
parserOptions: {
4+
parser: 'babel-eslint',
5+
sourceType: 'module'
6+
},
7+
extends: [
8+
'@nuxtjs'
9+
]
10+
}

‎.github/workflows/ci.yml

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
name: ci
2+
3+
on:
4+
push:
5+
branches:
6+
- master
7+
pull_request:
8+
branches:
9+
- master
10+
11+
jobs:
12+
ci:
13+
runs-on: ${{ matrix.os }}
14+
15+
strategy:
16+
matrix:
17+
os: [ubuntu-latest, macos-latest, windows-latest]
18+
node: [10, 12]
19+
20+
steps:
21+
- uses: actions/setup-node@v1
22+
with:
23+
node-version: ${{ matrix.node }}
24+
25+
- name: checkout
26+
uses: actions/checkout@master
27+
28+
- name: cache node_modules
29+
uses: actions/cache@v1
30+
with:
31+
path: node_modules
32+
key: ${{ matrix.os }}-node-v${{ matrix.node }}-deps-${{ hashFiles(format('{0}{1}', github.workspace, '/yarn.lock')) }}
33+
34+
- name: Install dependencies
35+
if: steps.cache.outputs.cache-hit != 'true'
36+
run: yarn
37+
38+
- name: Lint
39+
run: yarn lint
40+
41+
- name: Test
42+
run: yarn test
43+
44+
- name: Coverage
45+
uses: codecov/codecov-action@v1

‎.gitignore

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
node_modules
2+
*.iml
3+
.idea
4+
*.log*
5+
.nuxt
6+
.vscode
7+
.DS_Store
8+
coverage
9+
dist

‎CHANGELOG.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# Changelog
2+
3+
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4+
5+
### 0.0.1 (2021-09-11)

‎LICENSE

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) Johannes Werner <[email protected]>
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

+61
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
# @vuesion/nuxt-vanilla-extract
2+
3+
[![npm version][npm-version-src]][npm-version-href]
4+
[![npm downloads][npm-downloads-src]][npm-downloads-href]
5+
[![Github Actions CI][github-actions-ci-src]][github-actions-ci-href]
6+
[![Codecov][codecov-src]][codecov-href]
7+
[![License][license-src]][license-href]
8+
9+
> Adds seek-oss/vanilla-extract to your nuxt application
10+
11+
[📖 **Release Notes**](./CHANGELOG.md)
12+
13+
## Setup
14+
15+
1. Add `@vuesion/nuxt-vanilla-extract` dependency to your project
16+
17+
```bash
18+
yarn add @vuesion/nuxt-vanilla-extract # or npm install @vuesion/nuxt-vanilla-extract
19+
```
20+
21+
2. Add `@vuesion/nuxt-vanilla-extract` to the `modules` section of `nuxt.config.js`
22+
23+
```js
24+
{
25+
modules: [
26+
// Simple usage
27+
'@vuesion/nuxt-vanilla-extract',
28+
29+
// With options
30+
['@vuesion/nuxt-vanilla-extract', { /* module options */ }]
31+
]
32+
}
33+
```
34+
35+
## Development
36+
37+
1. Clone this repository
38+
2. Install dependencies using `yarn install` or `npm install`
39+
3. Start development server using `npm run dev`
40+
41+
## License
42+
43+
[MIT License](./LICENSE)
44+
45+
Copyright (c) Johannes Werner <[email protected]>
46+
47+
<!-- Badges -->
48+
[npm-version-src]: https://img.shields.io/npm/v/nuxt-vanilla-extract/latest.svg
49+
[npm-version-href]: https://npmjs.com/package/nuxt-vanilla-extract
50+
51+
[npm-downloads-src]: https://img.shields.io/npm/dt/nuxt-vanilla-extract.svg
52+
[npm-downloads-href]: https://npmjs.com/package/nuxt-vanilla-extract
53+
54+
[github-actions-ci-src]: https://github.com/vuesion/nuxt-vanilla-extract/workflows/ci/badge.svg
55+
[github-actions-ci-href]: https://github.com/vuesion/nuxt-vanilla-extract/actions?query=workflow%3Aci
56+
57+
[codecov-src]: https://img.shields.io/codecov/c/github/vuesion/nuxt-vanilla-extract.svg
58+
[codecov-href]: https://codecov.io/gh/vuesion/nuxt-vanilla-extract
59+
60+
[license-src]: https://img.shields.io/npm/l/nuxt-vanilla-extract.svg
61+
[license-href]: https://npmjs.com/package/nuxt-vanilla-extract

‎babel.config.js

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
module.exports = {
2+
presets: [
3+
[
4+
'@babel/preset-env', {
5+
targets: {
6+
esmodules: true
7+
}
8+
}
9+
]
10+
]
11+
}

‎commitlint.config.js

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
extends: [
3+
'@commitlint/config-conventional'
4+
]
5+
}

‎example/nuxt.config.js

+10
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
const { resolve } = require('path')
2+
3+
module.exports = {
4+
rootDir: resolve(__dirname, '..'),
5+
buildDir: resolve(__dirname, '.nuxt'),
6+
srcDir: __dirname,
7+
modules: [
8+
{ handler: require('../') }
9+
]
10+
}

‎example/pages/index.css.js

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
import { style } from '@vanilla-extract/css'
2+
3+
export const className = style({
4+
color: 'red',
5+
fontFamily: 'sans-serif',
6+
fontWeight: 600
7+
})

‎example/pages/index.vue

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<template>
2+
<div :class="className">
3+
Works!
4+
</div>
5+
</template>
6+
7+
<script>
8+
import { className } from './index.css.js'
9+
10+
export default {
11+
data () {
12+
return {
13+
className
14+
}
15+
}
16+
}
17+
</script>

‎husky.config.js

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
module.exports = {
2+
hooks: {
3+
'commit-msg': 'commitlint -E HUSKY_GIT_PARAMS',
4+
'pre-commit': 'yarn lint',
5+
'pre-push': 'yarn lint'
6+
}
7+
}

‎jest.config.js

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
module.exports = {
2+
testEnvironment: 'node',
3+
collectCoverage: true,
4+
collectCoverageFrom: [
5+
'lib/**/*.js',
6+
'!lib/plugin.js'
7+
],
8+
moduleNameMapper: {
9+
'^~/(.*)$': '<rootDir>/lib/$1',
10+
'^~~$': '<rootDir>',
11+
'^@@$': '<rootDir>',
12+
'^@/(.*)$': '<rootDir>/lib/$1'
13+
},
14+
transform: {
15+
'^.+\\.js$': 'babel-jest'
16+
}
17+
}

‎lib/module.js

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
// const { resolve } = require('path')
2+
const { VanillaExtractPlugin } = require('@vanilla-extract/webpack-plugin')
3+
4+
module.exports = function (moduleOptions) {
5+
const options = {
6+
...this.options['nuxt-vanilla-extract'],
7+
...moduleOptions
8+
}
9+
10+
// this.addPlugin({
11+
// src: resolve(__dirname, 'plugin.js'),
12+
// fileName: 'nuxt-vanilla-extract.js',
13+
// options
14+
// })
15+
16+
this.options.build?.plugins?.push(new VanillaExtractPlugin(options))
17+
this.options.babel?.plugins?.push('@vanilla-extract/babel-plugin')
18+
}
19+
20+
module.exports.meta = require('../package.json')

‎lib/plugin.js

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
export default async function ({ router, store }) {
2+
3+
4+
}

0 commit comments

Comments
 (0)